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

我的$ 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个对象...