Question

嗨，我已经使用可滚动表创建了一个表，现在我需要在表中为每一行添加一个复选框。如何根据模型的值将复选框的值更改为选中/未选中。即如果我从mysql表中获取的模型的值为true，则应选中特定行的复选框。其他为false的值应保持为false。

Answer 1

//== You can define a directive to bind click function, html: <tr toggle-model="yourScopeModel"></tr> 

angular.module('CommonDirective', []).directive('toggleModel', function() {
        return {
            restrict: 'A',
            scope:{
                toggleModel: '&'
            },
            link: function(scope, element, attrs) {
                angular.element(element).click(function(){
                    scope.toggleModel = !scope.toggleModel;
                });
            }
        };
    });

// ==这只是示例代码（尚未测试）。希望对您有帮助！

Answer 2

我做的错误是比较检查值ng-model在字符串中，而对于复选框则是布尔值。因此，我应该在检查时在里面加上引号。这是我现在使用的语法。

<input type="checkbox" id="'#toggleeventtoggleApp_' + $Index" ng-true-value="'true'" ng-false-value="'false'"  ng-model="x.userinput" ng-change="AutoStartToggle($index,x);"><br>

在可滚动表中，根据模型值更改复选框的状态

2 个答案: