关于自定义过滤器的时间，我现在非常头疼。我有一个演示（学习 Angular）图库应用程序，我在其中使用带有复选框的自定义过滤器来选择不同类别的照片。
Simptoms：在 ng-repeat 指令上使用自定义过滤器时，我注意到了这个http://screencast.com/t/xPGX1lyTu9Yp ...经过几个小时的调试后，我得出的结论是，问题在于数据来自过滤器运行时我的 JSON 不存在，但没有过滤器，一切似乎都可以加载。
这是这个http://plnkr.co/edit/KbBg67的plnkr （我复制粘贴了代码，修改了一下，还没有工作，早上会修复它，但这是代码）
我开始在我的服务中使用延迟和承诺来获取 JSON 数据，所以我的控制器和其他所有人都会等待数据加载，就像这样 [SERVICES]
angular.module('services', []).factory('getAllPosts', ['$http', '$q', '$timeout',
function($http, $q, $timeout) {
//defining the promised based API
var deffered = $q.defer();
//the getData function
var getData = function() {
//defining a empty data array
var theData = {};
//using $http to get the dat
$http.get('/wordpress/api/get_recent_posts/').success(function(data) {
// prepare data here
//assigning our data to the theData array.
// // New stuff here, we are pushing the data one by one to populate the array faster so it isn't emtpy .. ?!
theData.length = 0;
for (var i = 0; i < data.length; i++) {
theData.push(data[i]);
}
theData = data;
});
//setting a timeout for the data and waiting if necesarry.
$timeout(function() {
deffered.resolve(theData);
}, 1000);
//when it s done, return the promise... i think so. ?!
return deffered.promise;
}
return {
//creating a getData handler to use in controllers.
getData: getData
};
}])
我的控制器是这样的 [CONTROLLER]
.controller('ListController', ['$scope', 'getAllPosts', 'getCategories', '$location',
function($scope, getAllPosts, getCategories) {
$scope.name = 'list';
getAllPosts.getData().then(function(data) {
return $scope.posts = data.posts;
});
getCategories.get(function(data){
return $scope.categories = data.categories;
})
}
])
我正在使用 getData().then() 在加载时获取它。
我意识到我没有对过滤器说同样的事情 [FILTER]
angular.module('filters', [])
.filter('checkboxFilter', function($filter) {
return function(post, prefs) {
var i, j, k, n, out, matchingpost = [];
// loop through the post
for (i = 0; i < post.length; i++) {
console.log('I passed the length ... wtf?')
out = false;
n = 0;
if (prefs) {
// for each item, loop through the checkboxes categories
for (j = 0; j < prefs.length; j++) {
// for each category, loop through the checkboxes categories of the current category
for (k = 0; k < prefs[j].categories.length; k++) {
// test if the current item property name is the same as the filter name
if (post[i][prefs[j].slug] === prefs[j].categories[k].slug) {
// test if checkbox is checked for this property
(prefs[j].categories[k].value) ? n++ : out = true;
break;
}
}
if (out) break;
// if one filter in each categories is true, add item to the matchingpost
if (n === prefs.length) {
matchingpost.push(post[i]);
}
}
}
}
return matchingpost;
}
})
问题是我开始阅读一本有棱有角的书，但我并没有理解很多东西，所以我去亲身体验，慢慢地每一点都到位，但是这个……我已经花了很多时间在这上面。我想如果我再次接受它会更有意义。
问题：我怎样才能摆脱这些错误并让过滤器在加载后读取数据？
附带问题：通过不同的服务，我正在输出我的主干（Wordpress）中的所有现有类别并在复选框中重复它们，我如何将复选框链接到此过滤器的结果？（这对我来说还不是很明显，虽然我已经看到了一些例子......）
附带问题 2：为什么我所有的请求都会成倍增加，就像我发布的第一个屏幕截图一样，不用等待，这就是我正在谈论的部分http://screencast.com/t/lcrWnlioL3u ...我只有 44 个帖子到目前为止，但看起来即使在数据存在之后，过滤器也会再次调用它。
这种行为也发生在其他事情上......我想知道我做错了什么。
注释：我今晚使用的是angular 1.2.0rc1，所有行为都出现在我使用的其他版本中：1.0.7.0、1.1.5。