Angular 引导multiselect下拉列表[selected]属性不使用[（ngModel）]

链接到演示：

我有一个多选下拉列表，在页面加载时我想预选一些值

如果我删除了[ngModel]，它工作得很好，我如何才能使它与[ngModel]一起工作

有些人建议使用[compareWith]。 以下是链接：

---

但我不知道如何在这里使用它。请提供帮助。

将预选值分配给selectedColumnModel

---

尝试使用ngx引导来实现这种功能。这些引导行为通常不能很好地与angular一起使用。这就是像ngx bootstrap这样的库存在的原因。谢谢你，兄弟，你救了我一天

<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>

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