如何通过某些 属性 值过滤 Angular 中的 ng-repeat

Question

我正在尝试显示带有 ng-repeat 的对象数组，但仅显示 属性 值为

的对象

"category": "Problems"

这是我的看法

<div class="small-6 large-6 columns" ng-repeat="post in posts | filter: { category: Problems }">
  <span><a href="#/posts/{{getSlug(post.title)}}"><img src='img/posts/{{post.img}}.jpg' /></a></span>
  <div class="category"><a href="#">{{post.category}}</a></div>
  <a class="title" href="#/posts/{{getSlug(post.title)}}">{{post.title}}</a>
  <div class="meta"><span class="date">{{post.date | date:'dd MMMM yyyy'}}</span></div>
</div>

如果需要还有控制器

.controller('PostListController', ['$scope', '$http', function($scope, $http){

    $http.get('data/posts.json').success(function(response){
      $scope.posts = response;
      $scope.getSlug = function(text){
          return text.replace(/\W+/g, '-');
        };
    });
}])

知道为什么这不起作用吗？

提前致谢。

Answer 1

语法错误，在 Problems 周围添加单引号，例如：

<div class="small-6 large-6 columns" ng-repeat="post in posts | filter: { category: 'Problems'}">

Angular 默默地将 Problems（作为变量）确定为 undefined 而不是抛出 ReferenceError.