问题
我的html标记中有一个repeat.for
,绑定到我的viewmodel上的数组。该数组只有一个元素。但是,HTML的生成总是会产生一个额外的undefined
元素。
此行为仅出现在我的代码的一部分中,这使得很难复制-repeat.for
在我的代码中的其他任何地方都起作用。
证明 因此,在您标记我为疯狂之前,并尝试坚持说我的数组必须包含比我想象的更多的项目,请查看我的代码和Aurelia Inspector的输出。
client.js
export class Client {
months = []
activate(id) {
...
this.loadData()
}
loadData(){
this.months.push("Item1")
}
client.html
<section class="scrollable">
${months.length}
<div repeat.for="month of months">
Index = ${$index}
</div>
</section>
我的输出如下:
1
Index = 0
Index = 1
如果我使用Aurelia Inspector,我将看到以下内容:
正在检查“ 1” = $ {months.length}
正在检查“索引= 0” = $ {$ index}
正在检查“索引= 1” = $ {$ index}
有人在repeat.for上看到过类似的行为吗?关于我可能做错了什么的想法?