Фильтры, не работающие с массивом из ресурса

Question

У меня есть фильтр, который ничего не возвращает, когда он запускается на массиве с фабрики. Но когда я копирую массив непосредственно в фильтр, он отлично работает. Должно быть простое решение, и это сводит меня с ума.

Это работает:

$filter('filter')([ 
    {"name":"firstItem","code":"one"}, 
    {"name":"secondItem","code":"two"}, 
    {"name":"thirdItem","code":"three"} 
],"two",true); 

Это не:

$filter('filter')($scope.items,"two",true); 

Угловая образец:

angular.module('App', ['ngResource']) 

.controller('Ctrl', function($scope, $filter, Items) { 
    $scope.items = Items.query(); 
    var codeToFilter = "two"; 
    $scope.badFilter = $filter('filter')($scope.items,codeToFilter,true); 
    $scope.goodFilter = $filter('filter')([ 
    {"name":"firstItem","code":"one"}, 
    {"name":"secondItem","code":"two"}, 
    {"name":"thirdItem","code":"three"} 
    ],"two",true); 
}) 

.factory("Items", function ($resource) { 
    return $resource("item-list.asp"); 
}); 

И возвращаемый массив из пункта-list.asp:

[{"name":"firstItem","code":"one"},{"name":"secondItem","code":"two"},{"name":"thirdItem","code":"three"}] 

Это то, что я вижу на странице:

Bad Filter: [] 
Good Filter: [{"name":"secondItem","code":"two"}] 

Answer 1

Items.query() является асинхронной и, следовательно, не будет решена мгновенно. Когда ваш фильтр попал, он не заселен.

Установите его так:

Items.query(function(result) { 
    $scope.items = result; 
    $scope.badFilter = $filter('filter')($scope.items,codeToFilter,true); 
}); 

Answer 2

попробовать это добавляет в массив с контролем, чтобы помочь передать информацию в функцию.

.controller('Ctrl', ['$scope', '$filter', 'Items', function($scope, $filter, Items) { 

, а затем не забудьте закрыть квадратные скобки, после того, как функции близко фигурной скобкой