Anzeige Array in Angular2 Vorlage

Question

Meine angular2 Komponente hat eine @Input(): data vom Typ [number,number]. Die Größe des Arrays sollte aus der Eingabe bestimmt werden. Wie kann ich nun den Inhalt dieses Feldes zu einer Tabelle in html binden, das heißt, sollte die Tabelle so etwas wie dieses:

<table> 
    <tr> 
     <td> data[0,0] </td> 
     <td> data[0,1] </td> 
     ... 
    </tr> 
    <tr> 
     <td> data[1,0] </td> 
     <td> data[1,1] </td> 
     ... 
    </tr> 
    ... 
</table> 

Answer 1

Sie können dies tun, mit zwei * ngFor-Richtlinien:

<table> 
    <tr *ngFor="let row of data"> 
     <td *ngFor="let value of row">{{value}}</td> 
    </tr> 
</table> 

Arbeits Plunkr

Answer 2

kurzes Beispiel:

Unser Array:

array = [[1,2],[3,4],[7,7]]; 

Unsere Vorlage:

<table> 
    <tr *ngFor="let rows of array"> 
    <td *ngFor="let col of rows">{{ col }}</td> 
    </tr> 
</table>