2.0.2 • Published 3 years ago

@interact.io/ng-multi-select-lib v2.0.2

Weekly downloads
33
License
-
Repository
github
Last release
3 years ago

interact.io ng-multi-select-lib

Peer dependencies

  • @angular/common: ^13.x.x
  • @angular/core: ^13.x.x
  • lodash.xor: ^4.5.0

Steps to import the ng-multi-select-lib

  • Add the submodule to your project: yarn add @interact.io/ng-multi-select-lib
  • Import NgMultiSelectLibModule to your app.module.ts
  • You are now all set! You can get started following the next section

The nitty-gritty

Use the <interact-multi-select> tag in your html template as a wrapper. You can assign the different properties to this tag:

multiSelectLabel: string
disabled: boolean

Then use the <interact-multi-select-option> tag to customize how the options are showing. It requires the following input:

value: any (value added to your formControl for the corresponding option)

Here is a complete example, assuming that disabled and multiSelectLabel are defined in your component:

<interact-multi-select formControlName="objects" [disabled]="disabled"
                             [multiSelectLabel]="multiSelectLabel">
        <interact-multi-select-option *ngFor="let object of objectsList"
                                      [value]="object">{{object.title}}</interact-multi-select-option>
      </interact-multi-select>

Author:

  • paul.vanuytvinck@interact.io
2.0.2

3 years ago

2.0.0

3 years ago

1.0.8

4 years ago

1.0.7

4 years ago

1.0.6

4 years ago

1.0.2

5 years ago

1.0.1

5 years ago

1.0.5

5 years ago

1.0.4

5 years ago

1.0.3

5 years ago

1.0.0

5 years ago

0.0.9

5 years ago

0.0.8

5 years ago

0.0.5

5 years ago

0.0.4

5 years ago

0.0.7

5 years ago

0.0.6

5 years ago

0.0.3

5 years ago

0.0.2

5 years ago

0.0.1

5 years ago