如何在角度的多选下拉列表中使用 ngFor 重复数据？

Question

我正在处理 Angular 项目。我需要显示带有多选选项的下拉菜单。为此我使用了引导多选下拉菜单。它适用于静态数据。当我使用数组时使用 ngFor 重复数组，下拉菜单不起作用。这是我的代码：

public citiesArray=["bangalore","chennai"];
  $(document).ready(function() {
      $('#city').multiselect({
      enableClickableOptGroups: true,
      enableCollapsibleOptGroups: true
  });

  <div class="col-sm-3">
                    <select id="city">
                      <option>Select City</option>
                        <option *ngFor="let city of citiesArray" [value]="city">{{city}}</option>
                        <!-- <option value="Bangalore">Bangalore</option>
                        <option value="Hyderabad">Hyderabad</option>
                        <option value="Chennai">Chennai</option> -->
                    </select>  
            </div>

如何为引导多选下拉菜单实现 ngFor？

Answer 1

尝试使用 ngAfterViewInit 而不是准备好文档

public citiesArray = ["bangalore", "chennai"];

ngAfterViewInit() {
  $('#city').multiselect({
    enableClickableOptGroups: true,
    enableCollapsibleOptGroups: true
  })
}