Angular2如何显示数字数组

Question

什么是angular2中最优雅的解决方案，用于在x行和y列中显示z数字的html表？

X，Y和Z是数字，不一定是集合。该表还应包含数字1到z。

Answer 1

我会这样做： Plunker

组件

rows : any[];
cols : any[];

constructor() { 
  this.rows = Array(50).fill('');
  this.cols = Array(10).fill('');
}

模板：

<table>
  <tr *ngFor="let row of rows; let rowId = index">
    <td *ngFor="let col of cols; let colId = index">{{rowId + colId*10+1}}</td>
  </tr>
</table>