У меня есть элемент в моем представлении в Aurelia, который не обновляется, когда объект из его Viewmodel обновляется. Я видел документацию о агрегаторах Pub / Sub и Event Aggregators, однако это кажется немного тяжелым для того, что я хочу сделать, поскольку я не пытаюсь общаться между двумя разными ресурсами, а скорее просто в View и его Viewmodel ,Строка Интерполяция не обновляется после изменения объекта в Viewmodel в Aurelia
Когда в объекте Viewmodel происходит изменение объекта, я не знаю, как правильно обновить (или вызвать обновление) интерполяцию строк в представлении.
Мой код выглядит следующим образом
myview.html
<h1>My List</h1>
<ul>
<li repeat.for="group of modelObject.groups">
<span>${group.id}</span>
<span repeat.for="state of group.region">${state}</span>
</li>
<ul>
<button click.delegate(editModelObject())>Edit</button>
myviewmodel.js
constructor()
{
this.modelObject = {
<other stuff>,
"groups": [
{
"id": "default",
"regions" : ["NY", "CT", "NJ"]
},
{
"id": "west",
"regions" : ["CA", "OR"]
}
],
<more stuff>
}
}
editModelObject() {
<something that updates both the id and regions of a group in this.modelObject>
}
По какой-то причине состояния правильно меняется в представлении, но идентификаторы - нет. Нужно ли мне использовать что-то вроде Pub/Sub для правильной работы двухсторонней привязки? Или есть простая вещь, которую я пропускаю или делаю неправильно?