2017-03-08 47 views
0

所以我有這樣的:複選框:讓NG-點擊運行時NG-檢查/ NG-模型檢查

<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。

+0

原因是使用的是相同的'NG-model'是'master'的兩個輸入。嘗試使用兩個單獨的密鑰。 – Harish

+0

但我需要第二個複選框切換(並調用ng-click函數),當我切換第一個複選框。我添加了更多的代碼,也許它更多地顯示了我的情況 – Rasiah

+0

當用戶點擊第一個複選框時,您希望用戶看到什麼?你想發生在其他複選框? – georgeawg

回答

0

「ng-change」指令應該沒問題。 嘗試這個例子:

<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

+0

不知道這是我在找什麼。我在示例中添加了更多代碼以嘗試更好地展示我的情況 – Rasiah

+0

您應該使用

+0

配對我不確定您的意思是什麼以及它對我的情況有何幫助 – Rasiah