Di Angular, saya perlu mencari objek dalam array

Di Angular, saya memiliki sebuah objek yang mengembalikan banyak objek. Masing-masing memiliki ID (ini disimpan dalam file datar jadi tidak ada DB, dan saya sepertinya tidak dapat menggunakan ng-resource)

Di pengontrol saya:

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

Dalam pandangan saya, saya memiliki informasi tambahan tentang ikan yang tersembunyi secara default dengan ng-showmore, tetapi ketika saya mengklik tab show more yang sederhana, saya ingin memanggil fungsinya showdetails(fish.fish_id). Fungsi saya akan terlihat seperti ini:

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

Sekarang dalam tampilan, lebih banyak detail muncul. Namun setelah mencari melalui dokumentasi saya tidak tahu bagaimana mencari fisharray itu.

Jadi bagaimana cara menanyakan array? Dan di konsol, bagaimana saya memanggil debugger sehingga saya memiliki $scopeobjek untuk dimainkan?

Saya tahu apakah itu bisa sedikit membantu Anda.

Ini adalah sesuatu yang saya coba simulasikan untuk Anda.

Lihat jsFiddle;)

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

Membuat filter yang juga bisa Anda gunakan dalam '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;
  }
});

Penggunaan dalam pengontrol:

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

Jika ada pertanyaan, beri tahu saya.

Anda dapat menggunakan layanan $ filter yang ada. Saya memperbarui biola di atas 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';
     }
 }

Dokumentasi sudut ada di sini http://docs.angularjs.org/api/ng.filter:filter

Untuk menambah jawaban @ migontech dan juga alamatnya pada komentarnya bahwa Anda "mungkin bisa membuatnya lebih umum", berikut cara melakukannya. Di bawah ini akan memungkinkan Anda untuk mencari berdasarkan properti apa pun:

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

Panggilan untuk memfilter kemudian akan menjadi:

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

Catatan, saya menghapus operator unary (+) untuk memungkinkan pencocokan berbasis string ...

Solusi yang kotor dan mudah terlihat seperti itu

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

Angularjs sudah memiliki opsi filter untuk melakukan ini, https://docs.angularjs.org/api/ng/filter/filter

Solusi Anda benar tetapi tidak perlu rumit. Anda dapat menggunakan fungsi filter javascript murni . Ini model Anda:

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

Dan inilah fungsi Anda:

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

Anda juga bisa menggunakan ekspresi:

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

Lebih lanjut tentang fungsi ini: LINK

Melihat utas ini tetapi saya ingin mencari ID yang tidak cocok dengan pencarian saya. Kode untuk melakukan itu:

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