在Angulardart中创建具有嵌套列表的表

Question

我正在尝试构建一个代表List<List<int>>Angulardart中的表的表.

这是我的模板文件的内容:

<table>
    <tbody>
        <tr *ngFor="#row of cells">
            <td *ngFor="#cell of row">
                <input type="number" #cell (keyup)="0"/>
            </td>
        </tr>
    </tbody>
</table>

列表初始化如下:

class Grid {
    const GRID_SIZE = 9;
    List<List<int>> cells = new List(GRID_SIZE);

    Grid() {
        cells.forEach((x) => x = new List(GRID_SIZE));
    }
}

但是,在渲染的HTML中我只看到9个<tr>空标签,<td>里面没有s.

我错过了什么？

Answer 1

事实证明问题出在网格初始化中:正确的初始化代码使其填充了零列表

cells.fillRange(0, cells.length, new List.filled(GRID_SIZE, 0));

问题中的初始化代码仅使用GRID_SIZE空值填充主列表.