Angular Can';t绑定到';ngFor';因为它不是';这不是已知的本地财产

Angular Can';t绑定到';ngFor';因为它不是';这不是已知的本地财产,angular,ngfor,Angular,Ngfor,嘿,我知道这个问题经常出现,但正常的修复方法不起作用。 我试过打字的方式,还有更多。 这是我的密码: <table> <tr> <th>Name</th> <th>Desc</th> <th>Time est</th> </tr> <div *ngFor="let ToDo of toDoArray"> <tr>

嘿,我知道这个问题经常出现,但正常的修复方法不起作用。 我试过打字的方式,还有更多。 这是我的密码:

<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>

我添加了一个

将迭代放在
tr
中,我想这就是您想要实现的:)


名称
描述
时间估计
{{ToDo.Name}
{{ToDo.Desc}}
{{ToDo.Time}
编辑:

请记住在开始时初始化数组,如:
private-toDoArray:ToDo[]=[]这应该可以解决(问题),根本不知道是否可以在表中看到任何结果,但如果确实可以在表中看到一些值

你的模板乱七八糟的原因,是因为你试图嵌套表格,这只会导致一个热混乱,就像你在那里做的一样。我知道你想根据待办事项的状态将其分开。只要把它们分成3张桌子,你就可以走了,这就是我的建议!:)


你的团队完成了上述更改。

将迭代放在
tr
中,我想这就是你想要实现的:)


名称
描述
时间估计
{{ToDo.Name}
{{ToDo.Desc}}
{{ToDo.Time}
编辑:

请记住在开始时初始化数组,如:
private-toDoArray:ToDo[]=[]这应该可以解决(问题),根本不知道是否可以在表中看到任何结果,但如果确实可以在表中看到一些值

你的模板乱七八糟的原因,是因为你试图嵌套表格,这只会导致一个热混乱,就像你在那里做的一样。我知道你想根据待办事项的状态将其分开。只要把它们分成3张桌子,你就可以走了,这就是我的建议!:)


您的代码与上面的更改一致。

这是更干净的代码,但我仍然得到相同的错误。嗯。你将不得不分享更多的代码,在这里看不到任何明显的。。。或者更好的方法是,在plunker中复制您的问题:)这应该会起作用。我做了一个演示。我添加了更干净的代码,但仍然得到相同的错误。你将不得不分享更多的代码,在这里看不到任何明显的。。。或者更好的方法是,在plunker中复制您的问题:)这应该会起作用。我做了一个演示。我添加了应该在
tr
上工作的命令。我举了一个简单的例子。伙计,你不是在初始化你的
this.toDoArray
。至少不是在那辆车里。考虑到这是问题的关键所在,您可能需要阅读:应该在
tr
上工作。我举了一个简单的例子。伙计,你不是在初始化你的
this.toDoArray
。至少不是在那辆车里。鉴于这是问题的关键,您可能需要阅读:
    constructor(){
    this.toDoArray.push(
        new ToDo("The name","You know", "20 min")
);
}
<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>