javascript - md-virtual-repeat 按给定数量

Question

我有一些来自数据库的号码，我想重复这个号码的一些列表。假设 366 来自数据库，它必须重复 366 次。

下面的代码可以工作，但 Angular Material 的md-virtual-repeat不支持track by属性。我想要的可以实现吗？

$scope.number = 5; //Coming from database

$scope.getNumber = function(num) {
return new Array(num);   
}

<li ng-repeat="i in getNumber(number) track by $index">{{$index+1}}</li>

Answer 1

你的意思是这样的吗？ -CodePen

这取自 demo page 的垂直使用示例.

标记

<div ng-controller="AppCtrl as ctrl" ng-cloak="" class="virtualRepeatdemoVerticalUsage" ng-app="MyApp">
  <md-content layout="column">
    <md-virtual-repeat-container id="vertical-container">
      <li md-virtual-repeat="item in ctrl.items" class="repeated-item" flex="">
        {{$index + 1}}
      </li>
    </md-virtual-repeat-container>
  </md-content>
</div>

JS

(function () {
  'use strict';

    angular
      .module('MyApp',['ngMaterial', 'ngMessages', 'material.svgAssetsCache'])
      .controller('AppCtrl', function() {
        this.items = new Array(366);        
      });
})();