如何重复具有相同型号名称的复选框指令?

时间:2014-11-24 21:33:32

标签: angularjs checkbox angularjs-directive

我在我正在处理的表格中使用自定义复选框指令,并且我在创建的每个新行中都重复了模型的问题。

例如,我每行有五个复选框 - 删除,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>';
        }
    }
});

0 个答案:

没有答案