如何使用AngularJS过滤数组并将过滤对象的属性用作ng-model属性？

一尘不染

如何使用AngularJS过滤数组并将过滤对象的属性用作ng-model属性？

angularjs

如果我有一个对象数组，并且想将Angular模型绑定到基于过滤器的元素之一的属性，该怎么做？我可以用一个具体的例子更好地解释：

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

我想将第二个输入过滤为具有’C’等级的主题，但是我不想将模型绑定到该等级；我想将其绑定到等级为“ C”的主题的标题。

这可能吗？如果可以，怎么做？

阅读 267

2020-07-04

共1个答案

一尘不染

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

2020-07-04