ractivejs - 活跃 : How to access a variable integer index keypath of an array in a Ractive view

标签 ractivejs

我有一个“集合”(扩展的事件对象),该对象的数据键中有一个“集合”的键路径,该对象是一个记录数组。

View 使用{{#each collection:i}}循环集合。并为每条记录的名称生成一个 href。

当用户单击集合项上的链接时,会触发一个事件,该事件会设置“selectedIndex”属性 obj.set('selectedIndex',i)

在我看来,我该如何访问集合中该索引处的记录?

<input type="text" name="title" value="{{abc}}" placeholder="Name">

其中“abc”类似于“collection[selectedIndex].prop”

当然,如果 selectedIndex 不可变,我可以使用 collection.1.propcollection[1].prop ...但是我已经尝试了所有可能的组合并查找了文档,但我不知道如何做到这一点...当然有可能吗?

最佳答案

你几乎做到了:

<input type="text" name="title" value="{{collection[selectedIndex].prop}}" placeholder="Name">

看来您需要防范不存在的值(或设置默认值),请参阅 http://jsfiddle.net/m199umtv/

关于ractivejs - 活跃 : How to access a variable integer index keypath of an array in a Ractive view,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27512766/

相关文章:

javascript - 在不在 RactiveJS 中重新渲染整个 DOM 的情况下,用对象更新数组的最有效方法是什么?

javascript - 添加新小部件后,Gridstack 小部件无法移动

ractivejs - 将 bool 值绑定(bind)到单选按钮

ruby - 防止 Slim 解析 &lt;script&gt;-tags 中的代码

javascript - 为什么我的组件无法获取其父级数据,除非在 RactiveJS 中指定

javascript - 如何使用 ractive 设计数组中新 DOM 条目的样式?

javascript - 当包含异步请求时自动渲染 react 一次

javascript - 三 mustache 上的 Ractive JS 事件

javascript - Ractive.js 中的 onrender 与 init

javascript - Ractive.js 从代理事件调用对象方法