我在我正在处理的表格中使用自定义复选框指令,并且我在创建的每个新行中都重复了模型的问题。
例如,我每行有五个复选框 - 删除,ID,名称,访问权限,安全性。当启动checkbox指令时,它会传递模型名称" delete"等等,这一切都在表格的第一行内很好用。
与第二行交互后,点击这些复选框会更新第1行中框的复选框状态。
有没有办法在复选框的每个实例上提供一个新的范围,可以重复使用模型名称,也许是行上的新范围?或者每一行都必须拥有它自己的表单元素来隔离模型?
Simpel HTML:
<checkbox model="deleteUser" checked-class="selected"></checkbox>
指令:
angular.module('att.directives').directive('checkbox', function() {
return {
restrict: 'E',
replace: true,
transclude: true,
scope: {},
template: function(elem, attrs) {
return '<div class="checkbox" ng-class="{\''+attrs.checkedClass+'\': '+attrs.model+'}">' +
'<input id="'+attrs.model+'" type="checkbox" data-ng-model="'+attrs.model+'">' +
'<label for="'+attrs.model+'"></label>' +
'</div>';
}
}
});