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

Question

我正在开展角度项目。我需要显示一个带有多选项的下拉列表。我已经使用了bootstrap多选下拉列表。它适用于静态数据。当我使用数组时使用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 for bootstrap多选下拉列表？

Answer 1

尝试使用ngAfterViewInit而不是文档就绪

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

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