bootstrap-select在angular上的应用

1、bootstrap-select 依赖bootstrap.js ，又依赖jQuery，这些都可以用requirejs来处理。

2、一般bootstrap-select 都放在具体的模块上，而是动态加载的，所以想只在HTML上写class = selectpicker是不行的，因为HTML加载进来的时候，依赖的scope的变量和HTML还未绑定完成，不能立马 $('#ui-role').selectpicker();

3、那么能不能等HTML加载完了，触发的事件，再来 $('#ui-role').selectpicker(); ，比如 $scope.$watch('$viewContentLoaded', function() { }); ，结果是一样的，页面作用域的内容还没绑定到页面上， $('#ui-role').selectpicker(); 可以执行，但是下拉框没有内容。

4、最后只能自定义属性指令，当加载完时 $emit('ready') ，页面上注册该事件，收到通知再来  $('#ui-role').selectpicker(); ，结果是可行的。

5、属性指令代码：

     app.directive('onReady', function ($timeout) {
         return {
             restrict: 'A',
             link: function (scope, element, attr) {
                 if (scope.$last === true) {
                     $timeout(function () {
                         scope.$emit('ready');
                     });
                 }
             }
         }
     });

6、页面部分代码，用于发出“完成信号”，我放在页面最后：

 <div ng-repeat="x in [0]" on-ready=""></div>

7、Js注册事件：

         $scope.$on('ready', function () {
             $('#ui-role').selectpicker();
         });

2017.12.18 续 ==>

当然简单点，也可以推迟0.5秒 setTimeout(code,millisec) 再执行 $('#ui-role').selectpicker(); ，不过流畅度稍减，也可能0.5秒不够。