在角JS中的複選框列表中雙向綁定JS

在下面，我檢索一個對象列表，從中創建一個複選框列表。根據IsActive（布爾）列值，可以選中或不選中。在角JS中的複選框列表中雙向綁定JS

<div class="col-xs-12"> 
    <div class="col-xs-12" ng-repeat="x in Nodes" ng-model="Locations"> 
     <input type="checkbox" style="width:auto" ng-checked="x.IsActive"/> 
     <label style="width:auto">{{x.NodeName}}</label> 
    </div> 
</div>

這裏是我提取節點列表中的對象的函數。

$scope.GetNodes = function() { 

      var nodeUrl = baseUrl + 'api/RoleNodeAccess/GetRoleNodeAccessDetails/?roleId=' + $scope.role; 

      $http({ method: 'get', url: nodeUrl }).then(function success(response) { 
       $scope.Nodes = response.data; 
      }, function failed(response) { 
       console.log('Failed getting nodes.'); 
      }) 
     }

這裏的問題是，只要複選框的狀態發生變化，它就不會反映在節點列表中。我錯過了什麼。

在此先感謝。

來源

2017-10-11 Skye

看來，你應該用納克模型的複選框內是這樣的：

<div class="col-xs-12"> 
    <div class="col-xs-12" ng-repeat="(i, x) in Nodes track by $index" > 
     <input type="checkbox" style="width:auto" ng-model="Nodes[i].IsActive" ng-checked="x.IsActive"/> 
     <label style="width:auto">{{x.NodeName}}</label> 
    </div>`enter code here` 
</div>

來源

2017-10-11 16:05:04

仍無法正常工作，節點列表保持不變，因爲它是。 – Skye

@Skye我改變了我的答案一點，現在它的作品。我測試了它。 –

是的，它現在有效。日Thnx – Skye

在角JS中的複選框列表中雙向綁定JS

回答

相關問題