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.
You can use npm command line tool to install package.
npm install knowledgeowl-angular
Import the Module:
import {KnowledgeOwlWidgetModule, KnowledgeOwlLinkModule} from '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>
<a knowledgeOwlLink="test-article"></a>
Selector: knowledge-owl-widget
Exported as: knowledgeOwlWidget
Name | Required | Description |
---|---|---|
@Input() projectKey: string
|
true | Product key to access KnowledgeOwl widget |
@Input() pageLocation: string
|
false | Page location of application. Example "\start" |
The widget exposes an API to open/close programmatically.
class MyComponent {
@ViewChild(KnowledgeOwlWidget) widget: KnowledgeOwlWidget;
someMethod() {
this.widget.open();
}
}
The widget exposes an API to open/close widget with article programmatically.
class MyComponent {
@ViewChild(KnowledgeOwlWidget) widget: KnowledgeOwlWidget;
someMethod() {
this.widget.open('article-name');
}
}
Selector: knowledgeOwlLink
Exported as: knowledgeOwlLink
Name | Required | Description |
---|---|---|
@Input() knowledgeOwlLink: string
|
true | KnowledgeOwl Article Name |