@oncehub/knowledgeowl-angular NPM

knowledgeowl-angular

Project that enables angular application to integrate KnowledgeOwl widget. This gives following features:

Integrate KnowledgeOwl angular widget into application.
Link HTML element to KnowledgeOwl article.

How to install?

You can use npm command line tool to install package.

npm install @oncehub/knowledgeowl-angular

How to use?

Import the Module:

import {KnowledgeOwlWidgetModule, KnowledgeOwlLinkModule} from '@oncehub/knowledgeowl-angular';

@NgModule({
  ...
  imports: [KnowledgeOwlWidgetModule, KnowledgeOwlLinkModule],
  providers: [{provide: 'KOProjectURL', useValue: 'https://knowledgeowlurl.com'}]
  ...
})
export class AppModule { }

Add widget in app.component.html

<knowledge-owl-widget
    [projectKey]="'projectKeyProvidedByKnowledgeOwl'"
></knowledge-owl-widget>

How to link article to `<a>` or `button`?

<a knowledgeOwlLink="test-article"></a>

Directives

`KnowledgeOwlWidget`

Selector: knowledge-owl-widget

Exported as: knowledgeOwlWidget

Properties

Name	Required	Description
@Input() `projectKey: string`	true	Product key to access KnowledgeOwl widget
@Input() `pageLocation: string`	false	Page location of application. Example "\start"

Open the widget programmatically

The widget exposes an API to open/close programmatically.

class MyComponent {
  @ViewChild(KnowledgeOwlWidget) widget: KnowledgeOwlWidget;

  someMethod() {
    this.widget.open();
  }
}

Open the article in widget programmatically

The widget exposes an API to open/close widget with article programmatically.

class MyComponent {
  @ViewChild(KnowledgeOwlWidget) widget: KnowledgeOwlWidget;

  someMethod() {
    this.widget.open('article-name');
  }
}

Directives

`KnowledgeOwlLink`

Selector: knowledgeOwlLink

Exported as: knowledgeOwlLink

Properties

Name	Required	Description
@Input() `knowledgeOwlLink: string`	true	KnowledgeOwl Article Name

Development

Package is automatically pushed to npm when creating a new release on Github. Check out the release section in the repo. Read more about releases here.