Angularjs+Bootstrp实现多选按钮

利用Angularjs实现多选按钮 —布局使用bootstrap

执行效果类似：

html页面代码

js代码

var vm = $scope.vm = { reason: “”, roleStr=’’ };

$scope.choseRole=function(reason){

if(vm.roleStr.toString().indexOf(reason)>-1){

vm.roleStr=vm.roleStr.toString().replace(reason,’’); }

else{ vm.roleStr=vm.roleStr+reason; }

}

css代码

.d-selecte-off{ border: 2px solid #ddd ; background-color: #ddd; }

.d-selecte-on{ border: 2px solid #379807 ; background-color: white; }