angular2-multiselect

KO | EN

gitlite — search

#typescript #deep-learning #linux #docker #macos #nodejs #windows #awesome #awesome-list #vue #pytorch #security #mcp #open-source

angular2-multiselect

(★ 8)

You can find demo here:

angular2-multiselect 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

## Angular 2 Multiselect component

#### Installation

- Clone repository
- Install nodejs
- Run npm install
- Run gulp build task

#### Usage
```html
<multiselect 
  (modelUpdated)="parentCompoentMethod($event)" 
  [multiple]="true" 
  [collection]="items" 
  [label]="'item_key'" 
  [mutiselectModel]="multiselectModel">
</multiselect>
```

```js
import {Multiselect} from './multiselect';
...

@Component({
    selector: 'demo-component',
    ...
    directives: [Multiselect]
})

export default class DemoComponent {
    ...
    multiselectModel: Array<any> = [];
    parentCompoentMethod(multiselectModel: any) {
        this.multiselectModel1 = multiselectModel;
    }
}
```

#### API Documentation
| Attribute  Name | Type | Description |
| --- | --- | --- |
| multiple | true/false| If value is true we can select many items, if false only one item |
| collection | array | A list of objects for multiselect |
| label | string | Key of a object which will be displayed  for item |
| header | string | Header of multiselect (Default value 'Select')  |
| mutiselectModel | array/object | Value of model from used component |
| modelUpdated | function  | Function from used compoent which will update 'multiselectModel' value  |

#### Demo & How To 
Go to http://igariok1990.github.io/angular2-multiselect/

### Licence
The MIT License (MIT)

angular2-multiselect

angular2-multiselect 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

angular2-multiselect

angular2-multiselect 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README