javascript - 使用 ng-options Angular 绑定(bind)/填充下拉列表后触发事件

Question

我正在使用 Bootstrap 多选控件。一旦 Angular 填充了所有选项，我需要在选择元素上执行 multiselect()。

这是绑定(bind)到 $scope 属性的选择框，其中包含从我的 View 中的 accountInfo 对象片段数组生成的选项:

<select id="property" multiple="multiple" 
    ng-model="selectedProperty" 
    ng-options="account.property_name group by account.client_name for account in accountInfo">
</select>

因此，一旦选项存在，我需要调用 $("#property").multiselect() 来生成 Bootstrap 控件，但我正在寻找一个事件来监听，该事件告诉我何时生成了所有选项.

Answer 1

不要在 Controller 中初始化 Bootstrap 多选控件，而是在渲染相应元素后调用的指令 link() 函数中进行初始化。

app.directive('multiselect', function() {
  return {
    restrict: 'A',
    link: function(scope, element) {
      element.multiselect();
    }
  };
});

这是一个demo .