Angular2 숫자 배열을 표시하는 방법

Question

Whats는 x 행과 y 열에 z 번호의 html 테이블을 표시하기위한 가장 정확한 angular2 솔루션입니다.

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>