AngularJS chức năng lọc tùy chỉnh

Question

Bên trong bộ điều khiển của mình, tôi muốn lọc một mảng các đối tượng. Mỗi đối tượng này là một bản đồ có thể chứa chuỗi cũng như danh sách

Tôi đã thử sử dụng định dạng $filter('filter')(array, function) nhưng tôi không biết cách truy cập các phần tử riêng lẻ của mảng bên trong chức năng của mình. Đây là một đoạn trích để thể hiện những gì tôi muốn.

$filter('filter')(array, function() { 
    return criteriaMatch(item, criteria); 
}); 

Và sau đó trong criteriaMatch(), tôi sẽ kiểm tra nếu mỗi người trong số tài sản cá nhân phù hợp với

var criteriaMatch = function(item, criteria) { 
    // go thro each individual property in the item and criteria 
    // and check if they are equal 
} 

tôi phải làm tất cả những trong bộ điều khiển và biên soạn một danh sách liệt kê và đặt chúng trong phạm vi. Vì vậy, tôi chỉ cần truy cập $filter('filter') theo cách này. Tất cả các ví dụ tôi tìm thấy trong mạng cho đến nay có các tiêu chí tĩnh tìm kiếm bên trong hàm, chúng không vượt qua một đối tượng tiêu chí và kiểm tra đối với mỗi mục trong mảng.

Answer 1

Bạn có thể sử dụng nó như thế này: http://plnkr.co/edit/vtNjEgmpItqxX5fdwtPi?p=preview

Cũng giống như bạn tìm thấy, filter chấp nhận chức năng làm vị mà chấp nhận mục bởi mục từ mảng. Vì vậy, bạn chỉ cần tạo một hàm vị ngữ dựa trên criteria đã cho.

Trong ví dụ này, criteriaMatch là hàm trả về hàm vị trí phù hợp với criteria nhất định.

mẫu:

<div ng-repeat="item in items | filter:criteriaMatch(criteria)"> 
    {{ item }} 
</div> 

phạm vi:

$scope.criteriaMatch = function(criteria) { 
    return function(item) { 
    return item.name === criteria.name; 
    }; 
}; 

Answer 2

Ngoài ra, nếu bạn muốn sử dụng bộ lọc trong điều khiển của bạn giống như cách bạn làm điều đó ở đây:

<div ng-repeat="item in items | filter:criteriaMatch(criteria)"> 
    {{ item }} 
</div> 

Bạn có thể làm điều gì đó như:

var filteredItems = $scope.$eval('items | filter:filter:criteriaMatch(criteria)'); 

Answer 3

Dưới đây là ví dụ về cách bạn muốn sử dụng filter trong JavaScript AngularJS của bạn (chứ không phải trong phần tử HTML).

Trong ví dụ này, chúng tôi có một mảng Bản ghi quốc gia, mỗi bản ghi chứa tên và mã ISO gồm 3 ký tự.

Chúng tôi muốn viết một chức năng sẽ tìm kiếm thông qua danh sách này cho bản ghi khớp với mã gồm 3 ký tự cụ thể.

Đây là cách chúng tôi làm điều đó mà không sử dụng filter:

$scope.FindCountryByCode = function (CountryCode) { 
    // Search through an array of Country records for one containing a particular 3-character country-code. 
    // Returns either a record, or NULL, if the country couldn't be found. 
    for (var i = 0; i < $scope.CountryList.length; i++) { 
     if ($scope.CountryList[i].IsoAlpha3 == CountryCode) { 
      return $scope.CountryList[i]; 
     }; 
    }; 
    return null; 
}; 

Yup, không có gì sai với điều đó.

Nhưng dưới đây là cách các chức năng tương tự sẽ trông, sử dụng filter:

$scope.FindCountryByCode = function (CountryCode) { 
    // Search through an array of Country records for one containing a particular 3-character country-code. 
    // Returns either a record, or NULL, if the country couldn't be found. 

    var matches = $scope.CountryList.filter(function (el) { return el.IsoAlpha3 == CountryCode; }) 

    // If 'filter' didn't find any matching records, its result will be an array of 0 records. 
    if (matches.length == 0) 
     return null; 

    // Otherwise, it should've found just one matching record 
    return matches[0]; 
}; 

Hầu gọn gàng.

Hãy nhớ rằng filter trả về kết quả là một mảng (danh sách các bản ghi phù hợp), vì vậy trong ví dụ này, chúng tôi sẽ muốn trả lại 1 bản ghi hoặc NULL.

Hy vọng điều này sẽ hữu ích.