AngularJS:“通过跟踪'使用禁用NG重复过滤器过滤器、AngularJS、NG

由网友(终归山河故里)分享简介:由于我实现轨道由到 NG-重复,它$ p $从执行pvents我的过滤器。例如,轨道由$指数就像一个魅力,但是当我尝试添加一个输入字段搜索我的对象,什么都不会发生,并且控制台不显示任何错误。Since I implemented track by into ng-repeat, it prevents my filt...

由于我实现轨道由到 NG-重复,它$ p $从执行pvents我的过滤器。例如,轨道由$指数就像一个魅力,但是当我尝试添加一个输入字段搜索我的对象,什么都不会发生,并且控制台不显示任何错误。

Since I implemented track by into ng-repeat, it prevents my filter from executing. For example, track by $index works like a charm but when I try to add an input field to search my object, nothing happens and the console does not show any error.

下面是我的html:

<input type="text" ng-model="searchText">
<div ng-repeat="message in messages.collection track by $index | filter : searchText">
  <p>{{message.text}}</p>
</div>

我还创建了一个 Plunkr 为了展示这两种情况下(有和没有通过跟踪)。

I also created a Plunkr in order to show both cases (with and without track by).

我想知道这是否是一个语法问题,还是别的什么,以解决它。

I would like to know if it is a syntax problem or something else in order to fix it.

推荐答案

您需要通过的前pression的末尾添加轨道。看到这个工作 plunkr 。

code:

<div ng-repeat="message in messages.collection | filter : searchText track by $index">
    <p>{{message.text}}</p>
</div>