javascript - 如何将 js 变量输入到 ng-repeat 中的过滤器中

Question

我有这个:

<div ng-repeat="i in MediaFeedItems | filter: { category: 'userSelect' }" class="mediafeed--item"> 

这会迭代列表并根据名为“类别”的属性进行过滤。用户通过下拉菜单选择过滤器，并将该选择分配给以下函数中的变量“userSelect”:

document.getElementById('category').addEventListener("change", function() {
    if(this.value == "HR") {
        this.userSelect = "HR";
    } else if (this.value == "Managers") {
        this.userSelect = "Managers";
    } else {
        this.userSelect = "Colleagues";
    }
});

如何在过滤器中调用该变量？

Answer 1

认为您不需要该功能，只需在您的选择上放置一个 ng 模型并将其用于您的过滤器

(function() {
    'use strict';
angular
  .module('myApp', [])
  .controller('myCtrl', myCtrl);

   function myCtrl(){
       /* jshint validthis: true */
       var vm=this;
       vm.items = [
                   {category: 'cat1', text: 'one'},
                   {category: 'cat1', text: 'two'},
                   {category: 'cat2', text: 'three'},
                   {category: 'cat2', text: 'four'},
                   ];
   } 

})();

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="myApp">
  <div ng-controller="myCtrl as vm">
  <select name="singleSelect" ng-model="category">
      <option value="cat1">category 1</option>
      <option value="cat2">category 2</option>
    </select>
    <div class="row" ng-repeat="item in vm.items | filter: { category: category }">
            {{item.text }}
      </div>
    </div>
  </div>