Si j'ai un tableau d'objets et que je veux lier le modèle Angular à une propriété de l'un des éléments en fonction d'un filtre, comment puis-je faire ? Je peux mieux expliquer avec un exemple concret :
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>
Contrôleur :
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
Je veux filtrer la deuxième entrée sur le sujet avec une note 'C', mais je ne veux pas lier le modèle à l'entrée 'C'. grade ; je veux le lier à la titre de la matière qui a obtenu la note "C".
Est-ce possible et, dans l'affirmative, comment s'y prendre ?