angularjs+chosen的使用备忘

在项目中遇到问题，chosen加载后才会执行angularjs获取数据，解决方案如下：

angularjs：

var colorAdminApp = angular.module('colorAdminApp', [
    'ui.select',
    'ui.router',
    'ui.bootstrap',
    'oc.lazyLoad',
    'ngTable',
    'ngRoute',
    //'ngMessages',
    'ngResource',
    'ngSanitize'
]);
colorAdminApp.controller("RebateOrderListController", RebateOrderListController);
RebateOrderListController.$inject = ['$scope', "NgTableParams", "RebateOrderService"];
function RebateOrderListController($scope, NgTableParams, RebateOrderService) {

}

colorAdminApp.directive('chosen',function(){
    var linker = function(scope,element,attr){
        scope.$watch('LogisticsPartners',function(){
            element.trigger('chosen:updated');
        });
        element.chosen();
    }
    return {
        restrict: 'A',
        link: linker
    };
});

html片段：

<select data-placeholder="" class="chosen-select single-line col-sm-8 col-xs-7" tabindex="2" ng-model="filter.LogisticsPartnerId"  ng-options="m.Id as m.logisticsBusinessName for m in LogisticsPartners" chosen>
 <option  value="">全部</option>
</select>

自定义一个chosen指令，监听chosen触发更新值的时候，执行一次chosen