抽象内联Angularjs过滤器

Question

角色新手！

我已经设置了一个非常基本的过滤器，我很满意。但我希望将内联过滤器转换为.filter()函数 - 我希望像filter: dataFilter或类似的东西一样使用它。

所以，目前我有一些选择字段：

<select ng-model="search.foo"><!-- options --></select>
<select ng-model="search.bar"><!-- options --></select>

排序数据ng-repeat：

<div ng-repeat="data in response.data | filter:{foo: search.foo, bar: search.bar}">
    <!-- display sorted data -->
</div>

我在ng-repeat的上面是我想要的内联过滤器。

我该怎么做？

所有指导意见都得到了赞赏。

我的最终游戏目标是在过滤器中没有结果时显示消息。我认为过滤器需要“抽象”才能使其正常工作？有点像：

<p ng-show="(response.data | filter:blahFilter).length == 0">No results found.</p>

Answer 1

我真的建议你把它移到控制器上。然后在里面只使用你的过滤器作为函数调用

$scope.myData = $filter('blaFilter')(response.data)

然后

<p ng-show="myData.length == 0">No results found.</p>