Beego与AngularJS的模板格式冲突，该怎么解决？

Posted 2023-04-18

参考技术A 如果是在服务端报出错误的话，那肯定是beego解析模板的时候出错了。angular的模板就是纯html，因为它是前端的库，所以如果出错的话，肯定实在浏览器的console里报错的。

bootstrap-multiselect与angularjs冲突

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