@@ -10,14 +10,14 @@ Customizable multiselect dropdown in Angular(9+), TypeScript with Bootstrap css.
10
10
11
11
## Install
12
12
13
- * Install with [ npm] ( https://www.npmjs.com ) : ` npm install ngx-bootrap -multiselect --save ` .
13
+ * Install with [ npm] ( https://www.npmjs.com ) : ` npm install ngx-bootstrap -multiselect --save ` .
14
14
15
15
## Usage
16
16
17
17
Import ` NgxBootstrapMultiselectModule ` into your @NgModule .
18
18
19
19
``` js
20
- import { NgxBootstrapMultiselectModule } from ' ngx-bootrap -multiselect' ;
20
+ import { NgxBootstrapMultiselectModule } from ' ngx-bootstrap -multiselect' ;
21
21
22
22
@NgModule ({
23
23
// ...
@@ -31,7 +31,7 @@ import { NgxBootstrapMultiselectModule } from 'ngx-bootrap-multiselect';
31
31
Define options in your consuming component:
32
32
33
33
``` js
34
- import { IMultiSelectOption } from ' ngx-bootrap -multiselect' ;
34
+ import { IMultiSelectOption } from ' ngx-bootstrap -multiselect' ;
35
35
36
36
export class MyClass implements OnInit {
37
37
optionsModel: number[];
@@ -52,7 +52,7 @@ export class MyClass implements OnInit {
52
52
In your template, use the component directive:
53
53
54
54
``` html
55
- <ngx-bootrap -multiselect [options] =" myOptions" [(ngModel)] =" optionsModel" (ngModelChange) =" onChange($event)" ></ngx-bootrap -multiselect >
55
+ <ngx-bootstrap -multiselect [options] =" myOptions" [(ngModel)] =" optionsModel" (ngModelChange) =" onChange($event)" ></ngx-bootstrap -multiselect >
56
56
```
57
57
58
58
## Customize
@@ -100,7 +100,7 @@ myOptions: IMultiSelectOption[] = [
100
100
```
101
101
102
102
``` html
103
- <ngx-bootrap -multiselect [options] =" myOptions" [texts] =" myTexts" [settings] =" mySettings" [(ngModel)] =" optionsModel" ></ngx-bootrap -multiselect >
103
+ <ngx-bootstrap -multiselect [options] =" myOptions" [texts] =" myTexts" [settings] =" mySettings" [(ngModel)] =" optionsModel" ></ngx-bootstrap -multiselect >
104
104
```
105
105
### Settings
106
106
| Setting | Description | Default Value |
@@ -180,7 +180,7 @@ The implementor will be responsible for completing checks when the form is submi
180
180
### Use model driven forms with ReactiveFormsModule:
181
181
182
182
``` js
183
- import { IMultiSelectOption } from ' ngx-bootrap -multiselect' ;
183
+ import { IMultiSelectOption } from ' ngx-bootstrap -multiselect' ;
184
184
185
185
export class MyClass implements OnInit {
186
186
myOptions: IMultiSelectOption[] = [
@@ -203,7 +203,7 @@ export class MyClass implements OnInit {
203
203
204
204
``` html
205
205
<form [formGroup] =" myForm" >
206
- <ngx-bootrap -multiselect [options] =" myOptions" formControlName =" optionsModel" ></ngx-bootrap -multiselect >
206
+ <ngx-bootstrap -multiselect [options] =" myOptions" formControlName =" optionsModel" ></ngx-bootstrap -multiselect >
207
207
</form >
208
208
```
209
209
0 commit comments