我需要在Angular2中做同样的事情:
<?PHP foreach ($somethings as $something) { foreach ($something->children as $child) { echo '<tr>...</tr>'; } }
这可以通过ngFor实现,而不是在< table>之间添加新的元素和< tr>
我有一个可能类似于你想要的样本:
<table id="spreadsheet"> <tr *ngFor="let row of visibleRows"> <td class="row-number-column">{{row.rowIndex}}</td> <td *ngFor="let col of row.columns"> <input data-id="{{col.rowIndex}}-{{col.columnIndex}}" [value]="col.cellValue" (input)="col.cellValue = $event.target.value" (click)="model.selectColumn(col)" (keyup)="navigate($event)" /> </td> </tr> </table>
我使用它来渲染一个看起来像格子的电子表格:http://www.syntaxsuccess.com/angular-2-samples/#/demo/spreadsheet