使用Angular 2 Multiselect下拉列表

时间:2017-01-17 07:29:08

标签: angular

我终于设法加载了softsimon angular-2-multiselect-dropdown。 我如何获得所选的选项?

我使用的是softsimon angular-2-multiselect-dropdown v 0.4.0

**编辑:**

<ss-multiselect-dropdown [options]="ArrayObject" [texts]="myTexts" [settings]="mySettings" (onModelChange)="dummy"></ss-multiselect-dropdown>

ArrayObject是:

    for(let x = 0; x < this.productArray.length ; x++ ){
        let temp={id : x , name : this.productArray[x]};
        this.ArrayObject[x]=temp;
    }

输出问:

[ { "id": 0, "name": "redBox" }, { "id": 1, "name": "orangeBox" } ]

提前致谢

1 个答案:

答案 0 :(得分:4)

您可以像ngModel这样添加ss-multiselect-dropdown

<ss-multiselect-dropdown 
   [options]="ArrayObject" 
   [texts]="myTexts" 
   [settings]="mySettings" 
   (ngModelChange)="onChange($event)"
   [ngModel]="selectedTexts"
></ss-multiselect-dropdown>

您必须将使用此multiselect的组件更改为以下内容:

export class TextSelectorComponent {

   public selectedTexts: any[] = [];

   public onChange(): void {
      console.log(this.selectedTexts);
   }

}

触发更改后,ngModel将在selectedTexts变量中包含所选值。