带过滤结果的Angular ng-if

Angular ng-if with filtered result

本文关键字：Angular ng-if 结果 过滤      更新时间：2023-09-26

我正试图使用过滤结果的ng-if。我的代码是这样的:

<div ng-if="vm.products.length | productFilter">

我试图只显示div，如果过滤的产品不是空的。我可以创建一个函数并达到预期的结果。但是我更喜欢使用过滤器。

谢谢。

您可以简单地执行以下操作。您可以将filter的结果括在括号中。

<div ng-if="(vm.products| productFilter).length">

你可以将你的过滤器注入到你的控制器中并在JavaScript中进行过滤:

function YourController ($filter) {
   var productFilter = $filter.get('productFilter');
   vm.products = productFilter(products);
}
相关文章：