anglejsを使用して複数のチェックボックスを選択しましたが、選択できません

Question

anglejsを使用して選択したチェックボックスのリストを取得しようとしています。しかし、選ぶことができません。ここで

<div class="item" ng-repeat="x in result"> 
    <div class="item-image"> 
     <input type="checkbox" id="product_{{x.id}}" class="form-control" ng-model="x.Selected"> 
    </div> 
    <div class="item-name"> 
     {{ x.category_name }} 
    </div> 
</div> 

スクリプトコード

HTMLコード：私は選択した項目を取得しておりません上記のコードで

.controller('categorieCtrl', function($scope, $http) { 
    $scope.result = [{ 
      id: 1, 
      category_name: 'Apple', 
      Selected: false 
     }, { 
      id: 2, 
      category_name: 'Mango', 
      Selected: false 
     }, { 
      id: 3, 
      category_name: 'Orange', 
      Selected: false 
     }]; 

$scope.myFunc = function() { 
    debugger; 
    var message = ""; 
      for (var i = 0; i < 3; i++) { 
       if ($scope.result[i].Selected) { 
        var id = $scope.result[i].id; 
        var categoryName = $scope.result[i].category_name; 
        message += "Value: " + id + " Text: " + categoryName + "\n"; 
       } 
      } 
     alert(message); 
    }; 
}); 

。 angularjsを使って選択したアイテムをどのように入手できるのか教えてください。

Answer 1

コードhereでplunkrを作成しました。うまくいきました。私はmyFunc()を正しく呼んでいないと思います。代わりに、直接

angular.forEach(($scope.result, function(result, index){ 
    if (result.selected){ 
    ... 
});