多选下拉角4

Question

我想有用户名下拉列表，然后我可以检查多个用户，并保存所选择的用户在阵列中的ID来循环他们..我用angular-2-dropdown-multiselect，但我可以“T改变它 [https://www.npmjs.com/package/angular-2-multiple-selection]

<select class="custom-select" [(ngModel)]="username" formControlName="username" multipe > 
    <option *ngFor="let user of users" [value]="user.user_ID"> {{ user.user_Name }} </option> 
</select> 

我想使myOptions从API响应等于

我试图使在温妮这个响应的值的包工作：

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