Задача
У меня есть repeat.for
в моей html-разметке, связанной с массивом в моей модели представления. Массив имеет только один элемент. Однако при генерации HTML всегда создается один дополнительный элемент undefined
.
Это поведение появляется только в одном разделе моего кода, что делает его очень трудным для дублирования - repeat.for
работает везде в моем коде.
Доказательство
Поэтому, прежде чем пометить меня как сумасшедшего и попытаться настаивать на том, что в моем массиве должно быть больше элементов, чем я думаю, взгляните на мой код и на вывод инспектора Aurelia.
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}
Проверка 'Index = 0' = $ {$ index}
Проверка 'Index = 1' = $ {$ index}
Кто-нибудь видел подобное поведение с repeat.for? Есть идеи, что я могу делать не так?