2 |
3 |
4 |
5 |
6 | android
7 |
8 |
9 |
10 | {{msg.text}}
11 |
12 |
13 |
14 |
15 |
16 |
17 | {{msg.text}}
18 |
19 |
20 |
21 |
4 |
5 |
6 |
7 | ## :clapper: Usage
8 |
9 | Ok, let's start with an installation - all you need to do is:
10 |
11 | `npm install --save angular-ai-chat-bot`
12 |
13 | Now when you have `angular-ai-chat-bot` installed, you are in a few steps from having Chat Bot in your application:
14 |
15 | 1. Add the `ChatBot` to your application's module `declarations` section:
16 |
17 | ```typescript
18 | import { NgModule } from '@angular/core';
19 | import { AppComponent } from './app.component';
20 | import { BrowserModule } from '@angular/platform-browser';
21 | import {ChatBot} from 'angular-ai-chat-bot';
22 |
23 | @NgModule({
24 | declarations: [MyComponent, ChatBot],
25 | imports: [BrowserModule],
26 | bootstrap: [MyComponent]
27 | })
28 | export class MyModule {}
29 | ```
30 |
31 | 2\. As soon as the previous step is done we need to give ChatBot an access token and message object - this can be accomplished by populating its `[token]` attribute with an 'Client access token' from Dialog Flow Agent and `[msg]` attribute with an RX Subject:
32 |
33 | ```typescript
34 | // 1 - import required classes and interfaces
35 | import { ChatBot } from 'angular-ai-chat-bot';
36 | import { Subject } from 'rxjs';
37 |
38 |
39 | @Component({
40 | selector: 'myComp',
41 | // 2 - set [token] attribute to ChatBot object
42 | template: `