javascript - 是否可以在响应断点处更新 ng-repeat？

Question

是否可以让 Angular 在特定屏幕尺寸下更新 ng-repeat？

我有 20 个 div，但是在 640px 及以下我只想显示 6 个，在 640px 1024px 之间我想显示 15 个，大于 1024px 我想显示全部 20 个。

正如我提到的，我正在使用 ng-repeat 来推出 div，我希望能够重新初始化？ (不确定这是否是正确的术语，我正在学习)当浏览器达到这些尺寸之一时的 ng-repeat 函数。 ng-repeat 将根据需要推出的项目数量进行更新，然后将其推出。

这就是我设置 ng-repeat 的方式:

.articles(ng-controller="articlesCtrl")
  .article(ng-repeat="article in articles | limitTo:15", class='item-{{ $index + 1 }}')

Answer 1

limitTo 是 angular filter当您设置其变量时，ng-repeat指令会重新编译其内容(更多关于 directives 和 $compile )

您还可以设置一个功能:

ng-repeat="item in items | limitTo:calcLimit()"

然后返回你需要的内容

  $scope.calcLimit = function(limit) {
    if (resolution >= 1024)
      return 10;
    else if (resolution >= 640)
      return 6;
    else
      return 3;
  };

plunker example玩得开心! =)