Question

嘿，我知道这个问题很多，但正常的修复不起作用。我尝试了＃打字方式等等。这是我的代码：

<table>
   <tr>
     <th>Name</th>
     <th>Desc</th>
     <th>Time est</th>
   </tr>
   <div *ngFor="let ToDo of toDoArray">
   <tr>
     <td>{{ToDo.Name}}</td>
     <td>{{ToDo.Desc}}</td>
     <td>{{ToDo.Time}}</td>
   </tr>
   </div>
   </table>

表中的表需要遍历数组toDoArray中的所有ToDo。这是我的构造函数：

    constructor(){
    this.toDoArray.push(
        new ToDo("The name","You know", "20 min")
);
}

我添加了Plukr

Answer 1

将迭代放在tr中，我想这就是你想要实现的目标：）

<table>
   <tr>
     <th>Name</th>
     <th>Desc</th>
     <th>Time est</th>
   </tr>
   <tr *ngFor="let ToDo of toDoArray">
     <td>{{ToDo.Name}}</td>
     <td>{{ToDo.Desc}}</td>
     <td>{{ToDo.Time}}</td>
   </tr>
</table>

编辑：

请记住在开头初始化数组，例如：private toDoArray : ToDo[] = [];这应该解决（问题），不知道你是否可以在表中看到任何结果，但是如果你确实看到了一些值在你的桌子上......

你的模板全部搞砸的原因是因为你以某种方式试图嵌套表，这只会导致像你去那里一样的热点。我看到你想根据他们的状态分离ToDo。只需将它们分成3个独立的桌子就可以了，这是我的建议！ :)

你的分叉plunker有上述变化。

无法绑定到＆＃39; ngFor＆＃39;因为它不是一个已知的本地财产

1 个答案: