在Angular2模板中显示数组

时间:2017-03-06 13:19:56

标签: angular binding

我的angular2组件的favicon.ico类型为@Input(): data。应根据输入确定数组的大小。我现在如何将此数组的内容绑定到html中的表,即表格应该是这样的:

[number,number]

2 个答案:

答案 0 :(得分:2)

您可以使用两个* ngFor-Directives执行此操作:

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

工作Plunkr

答案 1 :(得分:1)

简短的例子:

我们的阵列:

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

我们的模板:

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