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

Question

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

这是绑定到 $scope 属性的选择框，在我看来，选项是从 accountInfo 对象数组 sn-p 生成的：

<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() 来生成引导控件，但我正在寻找一个事件来监听它告诉我何时生成了所有选项.

Answer 1

不要在控制器中初始化引导多选控件，而是在指令link() 函数中执行此操作，该函数在相应元素呈现后调用。

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

这是demo。