数组修改在 Ractive JS 中不起作用

Question

我正在尝试将项目推入数组，但它没有出现在 HTML 中。

代码示例：

<script type="text/" id="tmpl">
<button on-click="create" type="button">Create</button>
{{#items}}{{.}},{{/items}}
</script>

<body>

<div id="container">
</div>

</body>

var model = {items: [1, 2, 3, 4]};

var ractive = new Ractive({
  el: "#container",
  template: "#tmpl",
  data: model
});

ractive.on("create", function() {
  model.items.push(7);
  console.log(model.items);
});

https://codepen.io/anon/pen/eWzJNR

怎么了？

Answer 1

魔术模式和数组修改在 0.8 中默认关闭，在 0.9 中等待删除（它们将通过适配器在外部完成）。

对于 0.8，您可以手动将 modifyArrays 配置设置为 true。或者，只需使用评论中提到的 Ractive 内置数组方法就可以了，前提是您有对实例的引用。

数组修改在 Ractive JS 中不起作用

Array modification dosn't work in Ractive JS

javascript

ractivejs