bootstrap-multiselect与angularjs冲突

最新推荐文章于 2019-01-16 20:24:33 发布

weixin_30439031

最新推荐文章于 2019-01-16 20:24:33 发布

阅读量118

点赞数

原文链接：http://www.cnblogs.com/miny-simp/p/7753125.html

版权


bootstrap-multiselect与angularjs冲突，无法选中，加载延迟问题：
    将 multiselect()方法延迟加载，代码：

 1 $scope.mulSelect = function(){
 2             $timeout(function () {
 3                 $('#camera-select').multiselect({
 4                     nonSelectedText: '全部',//没有值的时候button显示值
 5                     includeSelectAllOption: true,
 6                     selectAllText: '全选',//全选的checkbox名称
 7                     buttonWidth: '133px',//按钮宽度
 8                     maxHeight: 200
 9                 });
10             }, 200);
11         }

另外，由于获取数据和加载插件样式之间的先后加载顺序而引起的冲突问题，可以先加载数据，再调用一次插件加载方法：

1 $http.post($scope.URL+ 'camera/getCameraList', $scope.searchCamera).success(function(data) {
2             $scope.CameraList = data.data.list;
3             $scope.mulSelect();
4         });

转载于:https://www.cnblogs.com/miny-simp/p/7753125.html