Как ограничить объекты в angularjs ng-repeat?

Question

Мои значения области $: Я получаю значения массива в $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

Это работает правильно, но если массив категорий состоит из более чем трех объектов, таблица становится грязной, Поэтому я хочу ограничить категорию, я хочу отображать только 2 объекта

Например, в пользовательском интерфейсе я хочу показать категорию Спорт и Новости в таблице, затем я хочу поместить этот ..... точечный пользовательский интерфейс, если пользователь наводит курсор мыши рядом с ... точкой, я хочу показать другую категорию Например Cinema

Answer 1

Вы должны создать пользовательский фильтр, который даст вам 2 записи массива и пропустит лимит пропуска в фильтре, чтобы вы могли получить следующие 2 объекта массива при нажатии или наведении точек ...

Answer 2

вы ищете limitTo

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