Angular之后的Fire事件使用ng-options绑定/填充下拉列表

时间:2017-04-18 18:02:11

标签: javascript angularjs twitter-bootstrap bootstrap-multiselect

我正在使用bootstrap-multiselect控件。一旦所有选项都被Angular填充,我需要在select元素上执行multiselect()。

这是绑定到$ scope属性的选择框,其中包含从我的视图中的accountInfo对象片段数组生成的选项:

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

所以一旦选项存在,我需要调用$(&#34;#property&#34;)。multiselect()来生成引导控件,但是我正在寻找一个可以监听的事件,告诉我什么时候全部选项已生成。

1 个答案:

答案 0 :(得分:1)

不是在控制器中初始化bootstrap-multiselect控件,而是在呈现相应元素之后调用的指令link()函数中执行。

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

这里是demo