md-virtual-repeat給定數字

Question

我有一些來自數據庫的數字，我想重複這個數字的一​​些列表。可以說366來自數據庫它必須重複366次。

下面的代碼正在工作，但角材料的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);   
     }); 
})();