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);        
      });
})();

md-virtual-repeat by给定的数字

1 个答案: