javascript - 如何在 http 请求中应用自定义过滤器？

Question

我正在尝试从 http 请求中应用过滤器。

我有类似的东西

html

<div ng-repeat="product in products | testFilter:5 "> {{product.title}} </div>

js

app.controller('test', function($scope, $filter){
   myService.get('api/v1/products/?id=1').success(function(data) {
       $scope.products = data;    

   })
}

app.filter('testFilter', function() {
      return function(products, item) {             
          //codes...
          var t = products.length
      }
})

过滤器“在”我从 myService 取回数据后工作。但是，在加载数据时，我不断收到 “无法读取未定义的属性‘length’”。我知道这是因为数据仍在加载。我该如何解决这个问题？谢谢。

Answer 1

您只需在进行 ajax 调用之前初始化 $scope.products。

类似于:$scope.products = [];应该这样做!