In Angular muss ich Objekte in einem Array suchen

In Angular habe ich ein Objekt im Gültigkeitsbereich, das viele Objekte zurückgibt. Jeder hat eine ID (diese ist in einer Flatfile gespeichert, also keine DB, und ich scheine nicht in der Lage zu sein, Benutzer ng-resource)

In meinem Controller:

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

Meiner Ansicht nach habe ich zusätzliche Informationen zu den Fischen, die standardmäßig mit ng-showmehr ausgeblendet sind. Wenn ich jedoch auf die einfache Registerkarte Mehr anzeigen klicke, möchte ich die Funktion aufrufen showdetails(fish.fish_id). Meine Funktion würde ungefähr so ​​aussehen:

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

In der Ansicht werden nun die weiteren Details angezeigt. Nach dem Durchsuchen der Dokumentation kann ich jedoch nicht herausfinden, wie dieses fishArray durchsucht werden soll .

Wie frage ich das Array ab? Und wie rufe ich in der Konsole den Debugger auf, damit ich das $scopeObjekt zum Spielen habe?

Ich weiß, ob dir das ein bisschen helfen kann.

Hier ist etwas, das ich versucht habe, für Sie zu simulieren.

Kasse der jsFiddle;)

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

Erstellt einen Filter, den Sie auch in 'ng-repeat' verwenden können.

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;
  }
});

Verwendung in der Steuerung:

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);
     }
}]);

Wenn Sie Fragen haben, lassen Sie es mich einfach wissen.

Sie können den vorhandenen $ filter-Dienst verwenden. Ich habe die Geige über http://jsfiddle.net/gbW8Z/12/ aktualisiert.

 $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';
     }
 }

Die eckige Dokumentation finden Sie hier http://docs.angularjs.org/api/ng.filter:filter

Um @ migontechs Antwort und auch seiner Adresse seinen Kommentar hinzuzufügen, dass Sie es "wahrscheinlich allgemeiner machen könnten", ist hier eine Möglichkeit, dies zu tun. Im Folgenden können Sie nach jeder Eigenschaft suchen:

.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;
    }
});

Der Aufruf zum Filtern würde dann werden:

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

Beachten Sie, dass ich den unären (+) Operator entfernt habe, um stringbasierte Übereinstimmungen zu ermöglichen ...

Eine schmutzige und einfache Lösung könnte aussehen

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

Angularjs verfügt bereits über die Filteroption https://docs.angularjs.org/api/ng/filter/filter

Ihre Lösungen sind korrekt, aber unnötig kompliziert. Sie können die reine Javascript-Filterfunktion verwenden . Das ist dein Modell:

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

Und das ist deine Funktion:

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

Sie können auch den Ausdruck verwenden:

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

Mehr zu dieser Funktion: LINK

Ich habe diesen Thread gesehen, wollte aber nach IDs suchen, die nicht zu meiner Suche passen. Code dafür:

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