请参阅此 jsfiddle(改编自 Rich Harris 的一个分支):
http://jsfiddle.net/upgu2tq3/29/
我正在尝试按索引从“帖子”键路径中删除项目。我可以使用内置的拼接方法来做到这一点。它的行为就像普通的 Array.splice 一样。 拼接(数组,startIndex,numberOfItemsToRemove)
{{#each Posts:i}}
<button on-click="splice('Posts',i,1)">Remove {{i}}</button>
{{/each}}
这完成了从键路径中删除项目的工作。但是,删除后,{{i}}
的值(“删除”旁边)似乎不会更新。
我已将帖子标记为“帖子 0”、“帖子 1”等,以与索引匹配。
看起来它是按数字索引(从 0 到 length-1)迭代的?当数组更改时,模板似乎不会更新索引。我检查了删除项目后的长度 - 它减少了......
我对此有点困惑。
最佳答案
它正在按预期工作。
拼接后索引会发生变化。单击删除按钮后,您可以看到按钮标签发生变化。
您会感到困惑,因为您已将内容硬编码为“Post 0”等。内容不会因为索引更改而更改。
如果您希望更改,请将 {{Text}}
更改为 Post {{i}}
关于javascript - Ractive.js 索引似乎不是 react 性的,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34481279/