javascript - 如何在不可见的 Angular js中应用过滤器？

Question

我正在尝试在 ListView 中应用过滤器。每当我在输入字段中输入任何内容时，它都会过滤我的列表。当我写入用户名时，我可以进行过滤，这对用户可见。例如，当我写“pa”它对我的列表进行排序并仅显示一行。这是正确的。但是当我在“关键字过滤器”上写时，它对用户不可见t 过滤器。换句话说，当我在第二个输入字段(“关键字过滤器”)上输入 "Angular js" 时。它应该显示 pab..因为 "pab” 有 Angular js 关键字。

这是我的代码 http://plnkr.co/edit/TccgJydcZNkXQGpnbbP0?p=preview

// Code goes here

angular.module('myApp', [])
  .controller('myCtrl', function($scope){

  $scope.users = [

    {firstname: 'john', lastname: 'smith',

                keywords: ["HTML", "CSS", "JavaScript", "jQuery", "Photoshop"]

    },
    {firstname: 'pab', lastname: 'due',
             keywords: ["Ruby on Rails", "PostgreSQL", "AngularJS", "Node.js"]

    },
    {firstname: 'bob', lastname: 'rand',            keywords: ["java", "php", "test", "jira"]
}

  ];

});

Answer 1

在您的 ng-repeat 中，您没有在关键字输入后进行过滤 - 您错过了它。只需将其包含如下:

<div ng-repeat="user in users | filter:userSearch | filter:{ keywords: keyword }">