复选框:当通过ng-checked / ng-model检查时,进行ng-click运行

时间:2017-03-08 01:42:21

标签: javascript angularjs

所以我有这个:

<tbody ng-repeat="x in keys">
    <tr>
        <td>
            <input type="checkbox" ng-model="master">
            {{ x.key }}
        </td>
        <td ng-repeat="lang in languages">
            {{ getTranslation(x,lang.id) }}
            <input type="checkbox" ng-click="toggleSelection(x,lang.id)" ng-model="master">
        </td>
    </tr>
</tbody>

我的问题是,如果我选中第一个复选框,我的其他复选框将被检查而不运行ng-click。当通过第一个复选框检查复选框时,如何使ng-click运行?我也尝试过ng-change。

1 个答案:

答案 0 :(得分:0)

&#34; ng-change&#34;指令应该没问题。 试试这个例子:

    <script>
        angular.module('changeExample', [])
            .controller('ExampleController', ['$scope', function($scope) {
                $scope.counter = 0;
                $scope.change = function() {
                    $scope.counter++;
                };
            }]);
    </script>
    <div ng-controller="ExampleController">
        <input type="checkbox" ng-model="confirmed" ng-change="change()" id="ng-change-example1" />
        <input type="checkbox" ng-model="confirmed" id="ng-change-example2" />
        <label for="ng-change-example2">Confirmed</label><br />
        <tt>debug = {{confirmed}}</tt><br/>
        <tt>counter = {{counter}}</tt><br/>
    </div>

你可以找到这个here