bootstrap-multiselect与angularjs冲突

Posted 2020-10-12 miny_simp

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         });