如何在 angular 的 multi-select 下拉列表中使用 ngFor 重复数据？

Question

我正在研究 angular project.I 需要显示带有 multi-select 的下拉列表 option.I 已使用 bootstrap multi-select 这个 purpose.It 的下拉菜单适用于静态 data.When 我正在使用数组并使用 ngFor 重复数组，下拉列表不是 working.Here 是我的代码：

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>

如何为 bootstrap 多 select 下拉菜单实现 ngFor？

Answer 1

尝试使用 ngAfterViewInit 而不是 document ready

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

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

如何在 angular 的 multi-select 下拉列表中使用 ngFor 重复数据？

How to repeat data using ngFor in multi-select dropdown in angular?

bootstrap-multiselect

angular