Ractive.js 索引似乎没有反应

Question

请查看此 jsfiddle（改编自 Rich Harris 的分支）：

我正在尝试按索引从 'Posts' 键路径中删除一个项目。我可以使用内置的拼接方法来做到这一点。它的行为就像一个普通的 Array.splice。 splice(array,startIndex,numberOfItemsToRemove)

 {{#each Posts:i}}
    <button on-click="splice('Posts',i,1)">Remove {{i}}</button>
 {{/each}}

这会完成从键路径中删除项目的工作。但是，删除后，{{i}}（'Remove' 旁边）的值似乎没有更新。

我已将帖子标记为 'Post 0'、'Post 1' 等。以与索引匹配。

它看起来像是被数字索引（从0到length-1）迭代了？当数组被更改时，只是模板似乎没有更新索引。我检查了一个项目被删除后的长度 - 它减少了...

我对此有点困惑。

Answer 1

一切正常。

拼接后索引会发生变化。点击移除按钮后可以看到按钮标签发生变化

您感到困惑，因为您已将内容硬编码为 "Post 0" 等。内容不会因为索引更改而更改。

如果你想更改它，请将 {{Text}} 更改为 Post {{i}}

Ractive.js index doesn't appear to be reactive