ng-ai-chatbot
v1.5.15
Published
Angular 5 components to create chat and to manage stories, train the bot and build it.
Downloads
10
Maintainers
Readme
Angular AI ChatBot
Angular 5 components to create chat and to manage stories, train the bot and build it.
Working with latest Angular 5.
Installation
To install this library with npm, run below command:
$ npm install --save ng-ai-chatbot
See the npm package list: npmjs.com/package/ng-ai-chatbot
Usage
Configuration
First, Import Angular JsonEditor module in root
import { NgAiChatbot } from 'angular-jsoneditor'
@NgModule({
declarations: [
AppComponent
],
imports: [
....,
NgAiChatbot
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
Then setup your component models as below :
import { Component, ViewChild } from '@angular/core';
import { JsonEditorComponent, JsonEditorOptions } from 'ng-ai-chatbot';
@Component({
selector: 'app-root',
template: '<ng-ai-chatbot-chat></ng-ai-chatbot-chat>',
styleUrls: ['./app.component.css']
})
export class AppComponent {
constructor() {
}
}
Remember to install angular material and others, check the dependencies:
"@angular/core": ">=5.0.0",
"@angular/common": ">=5.0.0",
"@angular/material": ">=5.0.0",
"@angular/cdk": ">=5.0.0",
"@angular/platform-browser": ">=5.0.0",
"@angular/platform-browser-dynamic": ">=5.0.0",
"@angular/animations": ">=5.0.0"
Components
Shows the chat to talk to the bot.
<ng-ai-chatbot-chat>
If you want a view to manage the stories, call component
<ng-ai-chatbot-stories>
Demo
Demo component files are included in Git Project.
Demo Project:
- https://github.com/mariohmol/ng-ai-chatbot/tree/master/src/app/demo
Colaborate
Want to help and make it better? You can make your questions at:
- https://gitter.im/ai-chatbot-framework/Lobby
And to start working, fork, clone and run:
Install all dependencies
- npm install
Make the lib:
- npm run build:lib
Make the demo app:
- npm run build:app
Start demo app:
- npm run start
Start the a-chatbot server
- npm run server
License
MIT(./LICENSE)