如何限制angularjs ng-repeat中的对象？

Posted 2021-04-09

我的$ scope值：我在$scope.articles获取数组值

示例：$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}}

Plunkr：https://plnkr.co/edit/PW51BBnQEv589rIdnaCK?p=preview

这是正常工作，但如果类数组包含超过3个对象表变得凌乱，所以我想限制类别，我想只显示2个对象

对于UI中的示例我想在表格中显示体育和新闻类别，然后我想把这个.....点类型UI，如果用户悬停在...点附近，我想显示其他类别例如电影

答案

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

另一答案

您正在寻找limitTo

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