如何过滤与AngularJS一个数组，并使用过滤的对象的属性作为NG-模型属性？ [英] How do I filter an array with AngularJS and use a property of the filtered object as the ng-model attribute?
问题描述
如果我有对象的数组，我想对角模型的基础上的过滤器中的一个元素的属性绑定，我该怎么做呢？我可以解释一个具体的例子更好的：
HTML
＆LT;！DOCTYPE HTML＆GT;
＆LT; HTML NG-应用＆GT;
＆LT; HEAD＆GT;
＆所述; SCRIPT SRC =https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js＆GT;＆下; /脚本＆GT;
＆LT;间的charset = UTF-8 /＆GT;
＆LT;标题＆GT; JS斌＆LT; /标题＆GT;
＆LT; /头＆GT;
＆LT;机身NG控制器=MyCtrl＆GT;
＆LT;输入NG模型=results.year＆GT;
＆LT;输入NG模型=results.subjects.title |过滤器：{等级：'C'}＆GT;
＆LT; /身体GT;
＆LT; / HTML＆GT;
控制器：
函数MyCtrl（$范围）{
$ scope.results = {
年份：2013，
主题：[
{标题：英语，等级：'A'}，
{标题：'数学'，等级：'A'}，
{标题：科学，等级：'B'}，
{标题：地理，等级：'C'}
]
};
}
JSBin： http://jsbin.com/adisax/1/edit
我要过滤的第二个输入一个档次'C'的主题，但我不想对模型绑定到的等级的;我想将它绑定到的标题的有品位'C'。
的主题这是可能的，如果是这样，它是如何做的？
＆LT; DIV NG重复=主题中results.subjects |过滤器：{等级：'C'} ＆GT;
＆LT;输入NG模型=subject.title/＆GT;
＆LT; / DIV＆GT;
If I have an array of objects, and I want to bind the Angular model to a property of one of the elements based on a filter, how do I do that? I can explain better with a concrete example:
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>
Controller:
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
I want to filter the second input to the subject with a grade 'C', but I don't want to bind the model to the grade; I want to bind it to the title of the subject that has grade 'C'.
Is this possible, and if so, how is it done?
<div ng-repeat="subject in results.subjects | filter:{grade:'C'}">
<input ng-model="subject.title" />
</div>
这篇关于如何过滤与AngularJS一个数组，并使用过滤的对象的属性作为NG-模型属性？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
