Angular2嵌套ngFor

前端之家收集整理的这篇文章主要介绍了Angular2嵌套ngFor前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要在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

猜你在找的Angularjs相关文章