Question

我想显示具有给定属性的项目列表。该属性是固定的

var things = [{id:1, color: 'red'},{id:2, color: 'blue'},{id:3, color: 'red'},]

<div ng-repeat="thing in things | filter: {color: 'red'}">
    {{thing.id}}
</div>
<div ng-repeat="thing in things | filter: {color: 'blue'}">
    {{thing.id}}
</div>

我期待着这个：

1 3

2

我得到的是：

1 2 3

1 2 3

红色和蓝色滤镜参数烘焙。我不需要通过用户或系统输入来改变它们。

我似乎无法找到有关ng-repeat过滤器的任何文档，其中包含一个简单的硬编码过滤器值。

我不能单独在vm中这样做吗？我不想打电话给控制器。

Answer 1

看起来你应该有所作为。我试图重现这个问题，但是我得到了你所说的预期结果。

控制器：

$scope.things = [{id:1, color: 'red'},{id:2, color: 'blue'},{id:3, color: 'red'}];

HTML：

first:<br/>
<div ng-repeat="thing in things | filter: {color: 'red'}">
    {{thing.id}}
</div>
second:<br/>
<div ng-repeat="thing in things | filter: {color: 'blue'}">
    {{thing.id}}
</div>

输出：

first:
1
3
second:
2

这是我的plunker

角度滤波器重复

1 个答案: