BinaryDevelop
  1. ホーム
  2. angularjs

[解決済み] AngularJSで配列をフィルタリングし、フィルタリングされたオブジェクトのプロパティをng-model属性として使用するにはどうすればよいですか？

2022-07-14 13:49:41

質問

オブジェクトの配列があり、フィルタに基づいてAngularモデルを要素の1つのプロパティにバインドしたい場合、どのようにすればよいでしょうか。私は具体的な例でよりよく説明することができます。

HTMLです。 

<!DOCTYPE html>
<html ng-app>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
        <meta charset=utf-8 />
        <title>JS Bin</title>
    </head>
    <body ng-controller="MyCtrl">
        <input ng-model="results.year">
        <input ng-model="results.subjects.title | filter:{grade:'C'}">
    </body>
</html>

コントローラーです。 

function MyCtrl($scope) {
  $scope.results = {
    year:2013,
    subjects:[
      {title:'English',grade:'A'},
      {title:'Maths',grade:'A'},
      {title:'Science',grade:'B'},
      {title:'Geography',grade:'C'}
    ]
  };
}

JSBinです。 http://jsbin.com/adisax/1/edit

2番目の入力を成績 'C' の件名にフィルタリングしたいのですが、モデルを 成績 にバインドしたくない。 タイトル にバインドしたい。

これは可能ですか？可能な場合、それはどのように行われますか？

どのように解決するのですか？ 

<div ng-repeat="subject in results.subjects | filter:{grade:'C'}">
    <input ng-model="subject.title" />
</div>

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します