这篇文章将为大家详细讲解有关Angular如何实现多选复选框的弹出框指令，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。
10年积累的
成都做网站、成都网站设计经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先
制作网站后付款的网站建设流程，更有
正安免费网站建设让你可以放心的选择与我们合作。
要实现一个包含多个复选框的下拉框该如何做呢？
先上个效果图吧：
代码：
label {
display: block;
margin-top: 3px;
}
label.list:hover {
cursor: pointer;
background-color: red;
}
label.selected {
background-color: red;
}
angular.module("app", [])
.controller("ctrl", function($scope) {
jQuery(".dropdown-menu *").click(function(e){
e.stopPropagation();
});
$scope.selectList = [{
name: "选项1",
value: "item1",
select: false
}, {
name: "选项2",
value: "item2",
select: true
}];
$scope.$watch("selectList", function(n, o) {
$scope.result = (function(arr) {
var t = [];
for (var i = 0; i < arr.length; i++) {
if (arr[i].select) {
t.push(arr[i].name);
}
}
if (!t.length) {
t.push("--请选择--");
}
return t.join(",");
})($scope.selectList);
}, true)
})
.directive("multiSelect", function() {
return {
scope: {
data: "=multiSelect"
},
templateUrl: "option.html"
}
})
//下拉框数据绑定
