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>