ใน Angular ฉันต้องการค้นหาวัตถุในอาร์เรย์

ใน Angular ฉันมีขอบเขตวัตถุที่ส่งคืนวัตถุจำนวนมาก แต่ละคนมี ID (สิ่งนี้ถูกเก็บไว้ในไฟล์แบบแบนดังนั้นจึงไม่มี DB และดูเหมือนว่าฉันจะใช้ไม่ได้ng-resource)

ในตัวควบคุมของฉัน:

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

ในมุมมองของฉันฉันมีข้อมูลเพิ่มเติมเกี่ยวกับปลาที่ซ่อนอยู่โดยค่าเริ่มต้นที่มีng-showมากขึ้น showdetails(fish.fish_id)แต่เมื่อฉันคลิกแท็บการแสดงที่เรียบง่ายมากขึ้นผมอยากจะเรียกใช้ฟังก์ชัน ฟังก์ชันของฉันจะมีลักษณะดังนี้:

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

ตอนนี้ในมุมมองรายละเอียดเพิ่มเติมจะปรากฏขึ้น อย่างไรก็ตามหลังจากค้นหาในเอกสารแล้วฉันไม่สามารถหาวิธีค้นหาfishอาร์เรย์นั้นได้

ดังนั้นฉันจะสอบถามอาร์เรย์ได้อย่างไร และในคอนโซลฉันจะเรียกดีบักเกอร์เพื่อให้ฉันมี$scopeวัตถุที่จะเล่นได้อย่างไร

ฉันรู้ว่ามันช่วยคุณได้บ้างไหม

นี่คือสิ่งที่ฉันพยายามจำลองให้คุณ

ชำระเงิน jsFiddle;)

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

สร้างตัวกรองที่คุณสามารถใช้ใน '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;
  }
});

การใช้งานในคอนโทรลเลอร์:

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

หากมีคำถามใด ๆ โปรดแจ้งให้เราทราบ

คุณสามารถใช้บริการ $ filter ที่มีอยู่ได้ ฉันอัปเดตซอด้านบน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';
     }
 }

เอกสารเชิงมุมอยู่ที่นี่http://docs.angularjs.org/api/ng.filter:filter

หากต้องการเพิ่มคำตอบของ @migontech และกล่าวถึงความคิดเห็นของเขาว่าคุณสามารถ "อาจทำให้เป็นเรื่องธรรมดามากขึ้น" นี่คือวิธีการทำ ด้านล่างนี้จะช่วยให้คุณค้นหาตามคุณสมบัติใด ๆ :

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

การเรียกตัวกรองจะกลายเป็น:

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

หมายเหตุฉันลบโอเปอเรเตอร์ unary (+) เพื่อให้สามารถจับคู่แบบสตริงได้ ...

วิธีแก้ปัญหาที่สกปรกและง่ายอาจมีลักษณะดังนี้

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

Angularjs มีตัวเลือกตัวกรองอยู่แล้ว https://docs.angularjs.org/api/ng/filter/filter

วิธีแก้ปัญหาของคุณถูกต้อง แต่ซับซ้อนโดยไม่จำเป็น คุณสามารถใช้ฟังก์ชั่นจาวาสคริปต์กรองบริสุทธิ์ นี่คือโมเดลของคุณ:

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

และนี่คือหน้าที่ของคุณ:

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

คุณยังสามารถใช้นิพจน์:

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

ข้อมูลเพิ่มเติมเกี่ยวกับฟังก์ชันนี้: LINK

เห็นกระทู้นี้ แต่ฉันต้องการค้นหา ID ที่ไม่ตรงกับการค้นหาของฉัน รหัสที่ต้องทำ:

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