Question

链接到演示： https://stackblitz.com/edit/angular-gq35ac?file=src%2Fapp%2Fapp.component.html

<select 
  class="form-control"
  [(ngModel)]="selectedColumnModel"
  (change)="onColumnSelect(selectedColumnModel)" 
  style="height: 150px; width: 200px"
  multiple
>
  <option 
    *ngFor="let column of columns; let i = index;" 

    [ngValue]="column"
    [selected]="selectedColumns[i]?.title == column.title"
  >
    {{ column.title }}
  </option>
</select>

我有一个多选下拉菜单，在页面加载时，我希望预先选择一些值。

如果我删除[[ngModel）]效果很好，如何使它与[[ngModel）]一起使用

有人建议使用[compareWith]。这是链接：https://angular.io/api/forms/SelectControlValueAccessor

但是我不确定如何在这里使用它。请帮忙。

Answer 1

将预选的值分配给selectedColumnModel

selectedColumnModel = ['UID','NAME','BRANCH' ];

demo

Bootstrap multiselect下拉[selected]属性不适用于[（ngModel）]

1 个答案: