无法绑定到“ ngFor”，因为它不是已知的本机属性

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[] = []; 那应该解决（问题），完全不知道您是否可以在表中看到任何结果，但是如果您确实可以看到表中的某些值...

之所以将模板全部弄乱，是因为您以某种方式试图嵌套表格，这只会像您在其中那样造成混乱。 我看到您想根据其状态来区分待办事宜。 只需将它们做成3张单独的桌子，您就可以使用了，这就是我的建议！ :)

通过上述更改，您的分叉式拨弹车 。