javascript - 将数据转发到 Ractive.js 中的组件

标签 javascript ractivejs

假设我想从一个数组动态生成 Ractive 组件的集合,该数组指定应传递给每个实例的数据:

var items = [
    { data: { foo: "bar1" } },
    { data: { foo: "bar2" } }
];

有什么方法可以将该数据转发到组件,以便组件将其视为数据 - 而不是称为“数据”的属性。

{{#each items}}
    <Component __data__="{{data}}" />
{{/each}}

这样做的原因是我希望能够轻松地重用动态列表和无动态列表的组件:

<Component foo="bar3" />

最佳答案

This PR会通过以下方式做到这一点:

<Component this='{{data}}'/>

关于javascript - 将数据转发到 Ractive.js 中的组件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33648638/

相关文章:

javascript - 如何使用 JS 选择 <li> 标签

c# - 检查文本框是否有值,使另一个文本框成为必需的

javascript - Dblclick 监听器在我的代码中仅触发一次

javascript - 使用 Ractivejs 的多步表单 - 检查 radio 状态

javascript - 在 RactiveJS 中,我如何检测它是否分离?

javascript - 从 Ractive.js v0.5.8 升级到 v0.7.1 并调用文件 Ractive.js.map

javascript - 幻影 Node 未指定默认引擎

javascript - 在AngularJS中获取部分url

javascript - 多个 Ractive 组件

javascript - 在 Ractive.js 中使用 HTML 标签渲染内容