マルチセレクションドロップダウン角4

Question

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

：「が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'} 
      ] 
    } 

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

Answer 1

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

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

DEMO