javascript - 在 HTML 中按条件进行 Angular 自定义过滤不起作用

Question

我是 Angular 的新手，所以我的问题可能看起来简单或愚蠢，但我没有找到任何解决方案。我的 Controller 中有一个集合(例如，一个整数集合)，我想过滤它并获取条件为真的项目。

起初我试过这个:

<div>{{myCollection.find(item => item === 2)}}</div>

但它没有用。然后我找到了另一种方法(我不喜欢这种方法，因为我总是只有一个元素要显示，没有必要重复):

<div ng-repeat="item in list | filter:{item === 2}">
    <div>{{item}}</div>
</div>

而且它也不起作用。这是我努力的 JSBin:http://jsbin.com/govovocace/1/edit?html,js,output

我的问题有什么可能的解决方案吗？在 Controller 中计算所需的字段并将其传递给 View 不适合我(不幸的是)。

Answer 1

你有语法错误。你不应该在过滤器中提及任何 object 因为你直接过滤你正在循环的实际对象。最后一个选项 true 是因为我们要执行精确检查。

HTML

<div ng-repeat="item in list | filter: 2: true">
    <div>{{item}}</div>
</div>

Demo Plunkr