4

コントローラーにリソースがあり、チェックボックスにng-repeatを入力します。次に、コントローラーで確認する必要があることを繰り返します。

コードは次のようになります。

$scope.data = resource.query();

var arr_to_be_checked = [1,3,5];

他のコントローラーではこれを使用します。

$scope.data = [ { Type: 1, checked: true, Title: 'Item A'},
                { Type: 2, checked: false, Title: 'Item B'}];

正常に動作していますが、より柔軟なものが必要なため、これをリソースとng-repeatに適用する必要があります

私はどんな魂も見つけますが、意味がありません。plsは私を誰か助けてくれますか?

私の質問は、「checked:true」を使用してリソース内のオブジェクトを「オーバーライド」する方法、またはチェックボックスをオンに設定する方法です。

助けやアイデアをありがとうございまし
た良い一日を


4

3 に答える 3

12
<ul>
  <li ng-repeat="item in data">
    <input type="checkbox" ng-checked="item.checked"> {{item.Title}}
  </li>
</ul>
<button ng-click="checkItems()">Do</button> 

$scope.checkItems = function () {
  var i;
  for (i = 0; i < arr_to_be_checked.length; i++) {
    data[arr_to_be_checked[i]].checked = true;
  } 
};

PS:命名規則に一貫性を持たせてください。javascriptはcamelCase命名規則を使用し、アンダースコアは使用しません。コンストラクター関数のみに名前が付けられていますPascalCase

関連するAPIドキュメント:
ng-クリック
ng-checked

于 2013-01-23T09:41:52.823 に答える
7

別の解決策:

<div ng-controller="MainCtrl">
  <label ng-repeat="(color,enabled) in colors">
      <input type="checkbox" ng-model="colors[color]" /> {{color}} 
  </label>
  <p>colors: {{colors}}</p>

<script>
  var app = angular.module('plunker', []);

  app.controller('MainCtrl', function($scope){
      $scope.colors = {Blue: true, Orange: true};
  });

http://plnkr.co/edit/U4VD61?p=preview

于 2013-05-16T23:19:10.040 に答える
1

解決

策私はfastreloadからの解決策を見て、このように変更しました。

var arr_checked_items = [1,2,5] // this checkboxes will be set as checked


<ul>
  <li ng-repeat="item in data">
    <input type="checkbox" ng-checked="checkItem(item.id)"> {{item.Title}}
  </li>
</ul>

$scope.checkItem = function (id) {
   var checked = false;
   for(var i=0; i<= arr_to_be_checked.length; i++) {
      if(id == arr_to_be_checked[i]) {
         checked = true;
      }
    }
    return checked;
};

その実用的な完璧!!! ボタンをクリックせずにロード時に

于 2013-01-23T17:37:48.830 に答える