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">

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

2 个答案: