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

Question

我的$ 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放置，如果用戶將鼠標懸停在...點附近，我想顯示其他類別。 電影

Answer 1

您必須創建一個自定義過濾器，該過濾器為您提供數組的2條記錄並通過過濾器中的跳過限制，以便在單擊或懸停點時可以獲得數組的下2個對象...

Answer 2

您正在尋找limitTo

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