This library contains component for select
$npm install kapela-selectimport { KapelaSelectComponent } from 'kapela-select';
@Component({
...
imports: [KapelaSelectComponent],
...
})<kapela-select></kapela-select>export class KOptionModel {
value!: string;
label!: string;
selected?: boolean;
}| Nom | Type | default | Comments |
|---|---|---|---|
| id | string |
k-select-{sequence} |
id of the select |
| name | string |
k-select-name-{sequence} |
name of the select |
| disabled | boolean |
false |
set disabled or not the select |
| required | boolean |
false |
set required or not the select |
| value | any |
value of the select | |
| label | string |
Default Label | label of the select |
| options | KOptionModel[] |
[] |
options collection |
| multiple | boolean |
false |
placehomder of the select multiple or not |
| Name | Type | Comments |
|---|---|---|
| valueChanged | EventEmitter<any> |
use to handle value change event , send the value as data |
import { KapelaSelectNormalDirective } from 'kapela-select';
@Component({
...
imports: [ KapelaSelectNormalDirective ],
...
})| selector | usage | Comments |
|---|---|---|
| kapela-select-normal | <kapela-select kapela-select-normal></kapela-select> |
make to native select |