角度限制

Question

我在重复的项目数组上使用angularjs过滤器方法，并尝试使用limitTo过滤器过滤数字。

这是我的JsFiddle代码

该过滤器工作正常，但我有一个条件ng-if="!o.IsFeaturedEvent"，该过滤器应应用于不是IsFeaturedEvent的事件列表。目前，它适用于所有事件

如何将limitto与ng-if条件一起使用

任何建议或帮助将不胜感激。

预先感谢

Answer 1

您需要创建一个自定义过滤器，如下所示：

.filter('nonFeaturedEvent', function() {
  return events => events.filter(e => !e.IsFeaturedEvent);
})

并在您的限制之前应用，如下所示：

<div ng-repeat="o in data  | nonFeaturedEvent | limitTo:limit"  ng-if="!o.IsFeaturedEvent">

nonFeaturedEvent过滤器将删除所有特色事件，然后传递给limitTo过滤器。

Here's a link to the fiddle表示这个想法。有点简化。

Answer 2

不要使用ng-if，请使用filter进行过滤。

我用 "o in data | filter: !o.IsFeaturedEvent | limitTo:limit "

它显示第一个事件，这是一个特色事件。

如果您要显示非功能性事件，请使用

"o in data | filter: o.IsFeaturedEvent | limitTo:limit "