javascript - 在 Knockout JS 中更改 View 模型的所有项目

Question

这是一个JS fiddle knockout JS 中的列表。我想将列表中的所有项目更改为:

people: [
    {name:"Name1"},
    {name:"Name2"},
    {name:"Name3"}
    ]

但是我不知道，因为我不知道如何在knockout JS中正确更改viewModel的项目。在该特定示例中，我也不知道在哪里将事件添加到“更改全部”按钮。这是一个example where I managed to这样做，但它有点不同，并且没有将所有数组项都作为可观察值。

Answer 1

您可以将其包装到 JSON 中，然后将其分配给变量。然后使用相同的方法ko.mapping.fromJS重新分配新对象:

....

var newPeople = 
{
  people: [
    {name:"Name1"},
    {name:"Name2"},
    {name:"Name3"}
]};

....

ko.applyBindings(viewModel);

function changeAll() {
  ko.mapping.fromJS(newPeople, viewModel);
}