ngRepeat和复选框

Question

我有NG-重复一个div：

<div ng-repeat="fruit in fruits"> 
 
    <input type="checkbox" ng-model="this.value" ng-checked="false">{{fruit.code}} - {{fruit.short_name}} 
 
</div>

这里furits是数组对象和包含域代码，SHORT_NAME。

furits: { 
     { 
      code : code_value1, 
      short_name :short_name_value1 
     }, 
     { 
      code : code_value2, 
      short_name :short_name_value2 
     },... 
     { 
      code : code_value.., 
      short_name :short_name_value.. 
     }, 
     } 

我想在提交按钮单击并在新数组中插入这些代码后，选中复选框的代码。

而且还发送相同的数组到服务器来完成任务。

请帮我解决这个问题。

Answer 1

<div ng-repeat="fruit in fruits"> 
    <input type="checkbox" ng-model="fruit.isSelected" />{{fruit.code}} - {{fruit.short_name}} 
</div> 
<input type="button" ng-click="sendServer()" value="Submit" /> 

而且你的控制器方法都很喜欢，

$scope.sendServer = function(){ 
    $scope.checkedFruits = []; 
    for(i = 0; i < $scope.fruits.length; ++i){ 
    if ($scope.fruits[i].isSelected) 
     $scope.checkedFruits.push(fruit.code); 
    } 
    $scope.postData(); 
} 

//Send array to server via web service with parameter FruitsCode 

$scope.postData = function() { 
    $http.post('http://your.webservice/', {FruitsCode:$scope.checkedFruits}).success(
    function(data){ 
     $scope.response = data 
    }) 

}

希望此举能帮助你！

Answer 2

<div ng-repeat="fruit in fruits"> 
    <input type="checkbox" ng-model="fruit.isChecked" />{{fruit.code}} - {{fruit.short_name}} 
</div> 
<input type="button" ng-click="save()" value="SAVE" /> 

而且你的控制器内：

$scope.save = function(){ 
    var myFruits = []; 
    for(i = 0; i < $scope.fruits.length; ++i){ 
     if ($scope.fruits[i]. isChecked) 
      myFruits.push(fruit.code); 
    } 
}