Trouver un objet par sa propriété dans un tableau d'objets à la manière d'AngularJS

Question

J'ai un tableau comme ci-dessous

var myArray = [{'id':'73','name':'john'},{'id':'45','name':'Jass'}, etc.]

Maintenant, j'ai un id 73 comment sélectionner cet objet particulier dans le tableau. Je vois que je peux faire cela dans jQuery facilement avec grep Y a-t-il un voie angulaire de faire ça ?

Puisque la plupart des utilisateurs qui développent des applications avec angular obtiennent toujours des données à partir de tableaux d'objets (principalement pour les tableaux), il devrait y avoir une fonction d'aide pour cela ?

Ainsi, je peux changer les données de la ligne avec l'ID de la ligne en mettant à jour le tableau de l'objet.

Je ne veux pas lier cela dans la vue. Je veux manipuler les données et les mettre à jour avec la fonction.

Par exemple. J'ai une liste de tableaux. Si l'utilisateur final modifie une ligne du tableau, j'ai l'ID de l'objet. Ainsi, après que l'utilisateur final a appuyé sur le bouton "Enregistrer", je dois mettre à jour le tableau, puis revenir à la liste du tableau.

Answer 1

Vous pouvez utiliser la fonction filter https://docs.angularjs.org/api/ng/filter/filter

dans votre contrôleur :

$filter('filter')(myArray, {'id':73}) 

ou dans votre HTML

{{ myArray | filter : {'id':73} }}

Answer 2

Et pourquoi pas du simple JavaScript ? En savoir plus Array.prototype.filter() .

var myArray = [{'id': '73', 'name': 'john'}, {'id': '45', 'name': 'Jass'}]

var item73 = myArray.filter(function(item) {
  return item.id === '73';
})[0];

// even nicer with ES6 arrow functions:
// var item73 = myArray.filter(i => i.id === '73')[0];

console.log(item73); // {"id": "73", "name": "john"}

Answer 3

Pour l'ensemble des M B Si vous voulez accéder à un attribut spécifique de cet objet déjà filtré du tableau dans votre HTML, vous devrez le faire de cette manière :

{{ (myArray | filter : {'id':73})[0].name }}

Donc, dans ce cas, il imprimera john dans le HTML.

Salutations !

Answer 4

La solution qui fonctionne pour moi est la suivante

$filter('filter')(data, {'id':10})