2017-11-18 7 views
0

私はユーザーの名前でドロップダウンリストを持っていたいと思うので、マルチユーザーをチェックして、選択したユーザーのIDをループで保存することができます。私は角度2ドロップダウンマルチセレクションを使用しました。マルチセレクションドロップダウン角4

:「がtは

[https://www.npmjs.com/package/angular-2-multiple-selection]

私はAPIから myOptions等しい応答を作りたい
<select class="custom-select" [(ngModel)]="username" formControlName="username" multipe > 
    <option *ngFor="let user of users" [value]="user.user_ID"> {{ user.user_Name }} </option> 
</select> 

iがWANYでこの応答を作ってみました、その中にパッケージ作業を値を変更します

this.dataStorageService.getUsers().subscribe(response => { 
     this.users= response.json() ; 
    }); 
    for(let i = 0 ; i < this.users.length; i++){ 
     this.test= this.users[i].user_Name; 
     this.testId = this.users[i].user_ID; 
     this.myOptions=[ 
      { id : this.testId , name: 'this.test'} 
      ] 
    } 

が、それは動作しません....

+0

あなたは材料を使用していますか? – Sajeetharan

+0

いいえ、私はそれを使用していません –

+0

なぜこのpackagEは特にですか? – Sajeetharan

答えて

1

あなたがチェックボックスが付属していないを選択し、通常のチェックボックスとドロップダウンを使用したいので、あなたがそのようなprimengや角度の材料としていくつかのライブラリのために行くか、自分自身を行う必要があります成分。

角材付き。あなたのマットセレクトに倍数または[multiple]="true"を追加するだけです。

DEMO