Trong Angular, tôi cần tìm kiếm các đối tượng trong một mảng

Trong Angular, tôi có trong phạm vi một đối tượng trả về rất nhiều đối tượng. Mỗi cái đều có một ID (cái này được lưu trữ trong một tệp phẳng nên không có DB và tôi dường như không thể sử dụng ng-resource)

Trong bộ điều khiển của tôi:

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

Theo quan điểm của tôi, tôi có thông tin bổ sung về cá bị ẩn theo mặc định với ng-shownhiều hơn, nhưng khi tôi nhấp vào tab hiển thị thêm đơn giản, tôi muốn gọi hàm showdetails(fish.fish_id). Hàm của tôi sẽ giống như sau:

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

Bây giờ trong giao diện, nhiều chi tiết hơn sẽ hiển thị. Tuy nhiên, sau khi tìm kiếm tài liệu, tôi không thể tìm ra cách tìm kiếmfish mảng .

Vậy làm cách nào để truy vấn mảng? Và trong bảng điều khiển, làm cách nào để gọi trình gỡ lỗi để tôi có $scopeđối tượng để chơi cùng?

Tôi biết nếu điều đó có thể giúp bạn một chút.

Đây là một cái gì đó tôi đã cố gắng mô phỏng cho bạn.

Kiểm tra jsFiddle;)

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

Đã tạo một bộ lọc mà bạn cũng có thể sử dụng trong '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;
  }
});

Sử dụng trong bộ điều khiển:

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

Nếu có bất kỳ câu hỏi chỉ cho tôi biết.

Bạn có thể sử dụng dịch vụ bộ lọc $ hiện có. Tôi đã cập nhật fiddle ở trên 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';
     }
 }

Tài liệu về Angular tại đây http://docs.angularjs.org/api/ng.filter:filter

Để thêm vào câu trả lời của @ migontech và cũng là địa chỉ nhận xét của anh ấy rằng bạn có thể "có thể làm cho nó chung chung hơn", đây là một cách để làm điều đó. Dưới đây sẽ cho phép bạn tìm kiếm theo bất kỳ tài sản nào:

.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ệnh gọi bộ lọc sau đó sẽ trở thành:

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

Lưu ý, tôi đã xóa toán tử một ngôi (+) để cho phép đối sánh dựa trên chuỗi ...

Một giải pháp bẩn và dễ dàng có thể trông giống như

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

Angularjs đã có tùy chọn bộ lọc để thực hiện việc này, https://docs.angularjs.org/api/ng/filter/filter

Các giải pháp của bạn là đúng nhưng phức tạp không cần thiết. Bạn có thể sử dụng chức năng lọc javascript thuần túy . Đây là mô hình của bạn:

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

Và đây là chức năng của bạn:

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

Bạn cũng có thể sử dụng biểu thức:

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

Thông tin thêm về chức năng này: LINK

Đã thấy chuỗi này nhưng tôi muốn tìm kiếm các ID không khớp với tìm kiếm của tôi. Mã để làm điều đó:

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