角度2のマルチセレクションドロップダウンを使用

Question

私はようやくsoftsimon angular-2-multiselect-dropdownをロードすることに成功しました。 選択したオプションはどのように入手できますか？

私は編集** softsimon角度-2-複数選択 - ドロップダウン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" } ] 

より事前にKSは

Answer 1

あなたはこのようss-multiselect-dropdownにngModelを追加することができます後

export class TextSelectorComponent { 

    public selectedTexts: any[] = []; 

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

} 

：あなたはこのような何かに、この複数選択を使用しているコンポーネントを変更する必要が

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

変更がトリガされると、ngModelは、selectedTexts変数の中に選択した値を含みます。