Angular2嵌套ngFor

发布时间：2020-12-17 08:06:17 所属栏目：安全来源：网络整理

导读：我需要在Angular2中做同样的事情： ?phpforeach ($somethings as $something) { foreach ($something-children as $child) { echo 'tr.../tr'; }} 这可以通过ngFor实现，而不是在 table之间添加新的元素和 tr 我有一个可能类似于你想要的样本： table id="sp

我需要在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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!