分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

bootstrap-multiselect与angularjs冲突

发布时间:2023-09-06 01:21责任编辑:熊小新关键词:js

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

bootstrap-multiselect与angularjs冲突

原文地址:http://www.cnblogs.com/miny-simp/p/7753125.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved