Aurelia repeat。用于生成额外的元素

时间:2019-01-17 16:32:50

标签: aurelia aurelia-binding

问题 我的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}

enter image description here

正在检查“索引= 0” = $ {$ index}

enter image description here

正在检查“索引= 1” = $ {$ index}

enter image description here

有人在repeat.for上看到过类似的行为吗?关于我可能做错了什么的想法?

0 个答案:

没有答案