javascript - Ractive.js 索引似乎不是 react 性的

标签 javascript arrays mustache ractivejs

请参阅此 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/

相关文章:

javascript - 带Js的货币转换器

javascript - 追加html数据时不能多次点击按钮

javascript - 如何通过相同键的属性重新排列嵌套数组

objective-c - CFMutableArrayRef 可以存储简单的整数值吗?

java - jooq 从 sql 文件插入

mustache .js : Iterate over a list received via json

javascript - 串联不适用于这行代码

javascript - Crossrider 浏览器扩展 : Bidirectional communication between frontend and background

java - java中如何将char数组转换为多个字符串索引

java - 哪个可互操作的 JavaScript 和 Grails/Java 模板框架?