javascript - 限制第二次ng-repeat中显示的项目数

我从json数据中列出了类别。我已经列出了类别下的子类别编号，但是我只想在类别下列出3个子类别。如果我单击查看更多选项，我想列出对应的子类别取决于模式弹出窗口中的类别。

我已返回创建的div取决于父级零

  $scope.cat = categories.filter(function(category) {
    return category && category.parentid === 0
  });

我已经在代码编辑器中更新了我的代码。

http://plnkr.co/edit/Vh1NzYf0qjUkIygLUEJk?p=preview

最佳答案

更新资料

如果要显示更多功能，请参阅下面的Plunkr。

Plunkr

这样就可以了。我添加了一个自定义过滤器，该过滤器将parent.Id作为参数并检查了孩子的父ID（之前由ng-if完成）。然后，我使用angular的limit to: 3过滤器将结果限制为仅3个项目。

Plunkr

码：

$scope.searchMe = function(statusId) {
    return function(user) {
        return user.parentid === statusId;
    }
}

和ng-repeat应该看起来像

<div ng-repeat="item in cat">
    {{item.name}}
    <div ng-repeat="childItem in content | filter: searchMe(item.id) | limitTo: 3">
     <div style="margin-left: 20px;">
     {{childItem.name}}
     </div>
    </div>
    <a ng-click="open_modalpopup()">view more</a>
  </div>

参考文献：


Limit To
passing arguements to angularJS filters