Ractive：如何在Ractive视图中访问数组的变量整数索引键路径

Question

我有一个'集合'（扩展ractive对象），它在对象的数据键中有一个'collection'的关键路径，它是一个记录数组。

视图使用{{#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.prop或collection[1].prop ...但我已经尝试了所有可能的组合并通过文档搜索但我看不清楚如何做到这一点......当然可能吗？

Answer 1

你几乎钉了它：

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

看起来您需要防范不存在的值（或设置默认值），请参阅http://jsfiddle.net/m199umtv/