代码之家 › 专栏 › 技术社区 › user1438038

在AngularJS控制器中调用普通过滤函数

angularjs-filter angularjs

user1438038 · 技术社区 · 6 年前

在我看来,我使用一个函数来过滤选择框中的一些项目:

<select class="..."
  ng-model="selectedItem"
  ng-options="item.name for item in items | filter:filterItems(someArgument)">
</select>

该函数定义为控制器中的普通函数,不是AngularJS过滤器:

$scope.filterItems = function(someArgument) {
  return function(item) {
    // Do something

    return someResult;
  }
};

这个很好用。

不过,现在我想在控制器中使用相同的过滤功能,并计算过滤后的项目数。

我不能使用这个代码,因为 filterItems() 不是AngularJS过滤器:

$scope.countFilteredItems = function() {
  return $filter('filterItems')($scope.items, someArgument).length;
};

我有没有办法在控制器中使用我的过滤功能,而不需要自己重新实现整个过滤过程?我能用这个吗 $filter 我的香草过滤功能的服务?

1 回复 | 直到 6 年前

user1438038 6 年前

我设法用 $filter 服务,正如@jornsharpe在评论中所说:

$scope.countFilteredItems = function() {
  var filteredItems = $filter('filter')($scope.items, $filterItems(someArgument));

  var count = 0;
  if (filteredItems !== undefined && filteredItems !== null) {
    count = filteredItems.length;
  }

  return count;
};

推荐文章

learner · 如果超出限制,AngularJS ui select multiple应显示警报

2 年前

Onyx · 外部和内部div都有ng click,当我单击内部div时,两个ng click都会执行。如何预防?

2 年前

Michlut · Angular JS——从表单上传文件,并作为json对象的一部分与其他数据一起发送

2 年前

jieunbi · 按日期排序数组(最新优先)

2 年前

StackoverflowNinja · 当数字框的值在AngularJS中更改时更改下拉列表的值

2 年前

Stradosphere · 如何防止ng bind html添加结束标记?

6 年前

Celestialchippy · 如果事情是真的,如何创建一个“<a>”链接?

6 年前

a4aravind · Angulari如何使用java驱动程序访问元素?

6 年前

Nicoleta Wilskon · DecodeURIComponent不支持%uxxx编码的组件

6 年前

Nishant Florentin · 在AngularJS中发生ng if、ng show等之后,我该如何做一些动作?

6 年前