Dans Angular, j'ai besoin de rechercher des objets dans un tableau

Dans Angular, j'ai dans la portée un objet qui retourne beaucoup d'objets. Chacun a un identifiant (celui-ci est stocké dans un fichier plat donc pas de DB, et je ne semble pas pouvoir utiliser ng-resource)

Dans mon contrôleur:

$scope.fish = [
    {category:'freshwater', id:'1', name: 'trout', more:'false'},
    {category:'freshwater', id:'2', name:'bass', more:'false'}
];

À mon avis, j'ai des informations supplémentaires sur le poisson caché par défaut avec le ng-showplus, mais lorsque je clique sur l'onglet simple afficher plus, je voudrais appeler la fonction showdetails(fish.fish_id). Ma fonction ressemblerait à quelque chose comme:

$scope.showdetails = function(fish_id) {  
    var fish = $scope.fish.get({id: fish_id});
    fish.more = true;
}

Maintenant, dans la vue, plus de détails apparaissent. Cependant, après avoir parcouru la documentation, je ne peux pas comprendre comment rechercher ce fishtableau.

Alors, comment interroger le tableau? Et dans la console, comment appeler le débogueur pour avoir l' $scopeobjet avec lequel jouer?

Je sais si cela peut vous aider un peu.

Voici quelque chose que j'ai essayé de simuler pour vous.

Découvrez le jsFiddle;)

http://jsfiddle.net/migontech/gbW8Z/5/

Création d'un filtre que vous pouvez également utiliser dans 'ng-repeat'

app.filter('getById', function() {
  return function(input, id) {
    var i=0, len=input.length;
    for (; i<len; i++) {
      if (+input[i].id == +id) {
        return input[i];
      }
    }
    return null;
  }
});

Utilisation dans le contrôleur:

app.controller('SomeController', ['$scope', '$filter', function($scope, $filter) {
     $scope.fish = [{category:'freshwater', id:'1', name: 'trout', more:'false'},  {category:'freshwater', id:'2', name:'bass', more:'false'}]

     $scope.showdetails = function(fish_id){
         var found = $filter('getById')($scope.fish, fish_id);
         console.log(found);
         $scope.selected = JSON.stringify(found);
     }
}]);

S'il y a des questions, faites-le moi savoir.

Vous pouvez utiliser le service $ filter existant. J'ai mis à jour le violon ci-dessus http://jsfiddle.net/gbW8Z/12/

 $scope.showdetails = function(fish_id) {
     var found = $filter('filter')($scope.fish, {id: fish_id}, true);
     if (found.length) {
         $scope.selected = JSON.stringify(found[0]);
     } else {
         $scope.selected = 'Not found';
     }
 }

La documentation angulaire est ici http://docs.angularjs.org/api/ng.filter:filter

Pour ajouter à la réponse de @ migontech et aussi à son adresse son commentaire que vous pourriez "probablement rendre plus générique", voici une façon de le faire. Ce qui suit vous permettra de rechercher par n'importe quelle propriété:

.filter('getByProperty', function() {
    return function(propertyName, propertyValue, collection) {
        var i=0, len=collection.length;
        for (; i<len; i++) {
            if (collection[i][propertyName] == +propertyValue) {
                return collection[i];
            }
        }
        return null;
    }
});

L'appel au filtrage deviendrait alors:

var found = $filter('getByProperty')('id', fish_id, $scope.fish);

Remarque, j'ai supprimé l'opérateur unaire (+) pour permettre les correspondances basées sur des chaînes ...

Une solution sale et facile pourrait ressembler à

$scope.showdetails = function(fish_id) {
    angular.forEach($scope.fish, function(fish, key) {
        fish.more = fish.id == fish_id;
    });
};

Angularjs a déjà une option de filtre pour ce faire, https://docs.angularjs.org/api/ng/filter/filter

Vos solutions sont correctes mais inutiles compliquées. Vous pouvez utiliser la fonction de filtre javascript pur . Voici votre modèle:

     $scope.fishes = [{category:'freshwater', id:'1', name: 'trout', more:'false'},  {category:'freshwater', id:'2', name:'bass', more:'false'}];

Et c'est votre fonction:

     $scope.showdetails = function(fish_id){
         var found = $scope.fishes.filter({id : fish_id});
         return found;
     };

Vous pouvez également utiliser l'expression:

     $scope.showdetails = function(fish_id){
         var found = $scope.fishes.filter(function(fish){ return fish.id === fish_id });
         return found;
     };

En savoir plus sur cette fonction: LINK

J'ai vu ce fil, mais je voulais rechercher des identifiants qui ne correspondent pas à ma recherche. Code pour faire cela:

found = $filter('filter')($scope.fish, {id: '!fish_id'}, false);