代码之家 › 专栏 › 技术社区 › Sameer

如何限制物体的角度重复?

angularjs-limitto pug angularjs-ng-repeat angularjs javascript

0

Sameer · 技术社区 · 7 年前

我正在获取数组值 $scope.articles

例子: $范围.文章 值如下所示:

[
   {
    date: 'some', 
    category: [ {name: "Sports"}, {name: "News"}, {name: "Cinema"} ] 
   }
]

table
  tbody
   tr
     th Date
     th Categories

   tr(ng-repeat='article in articles')
     td
       span {{ article.date }}
     td
      span(ng-repeat='cat in article.category') 
       span {{ cat.name}}

普朗克: https://plnkr.co/edit/PW51BBnQEv589rIdnaCK?p=preview

这是正常工作,但如果类别数组由3个以上的对象组成,表就会变得混乱, 所以我想限制类别,我只想显示2个对象

例如,在UI中,我想显示类别体育和新闻 电影院

2 回复 | 直到 7 年前

1

3

sonal.paghdal 7 年前

您必须创建一个自定义过滤器,它为您提供数组的2个记录,并在过滤器中传递跳过限制,以便您可以在单击或悬停点时获得数组的下2个对象。。。

2

1

Sajeetharan 7 年前

limitTo

<div ng-repeat="item in cat in article.category | limitTo: 2">