访问由Ractive Load创建的组件的实例

时间:2015-04-28 17:52:45

标签: components instance ractivejs ractive-load

在组件内部,我很高兴使用以下语法在需要时加载其他组件:

<!-- Import example component -->
<link rel='ractive' href='internal-example.html' name='InternalExample'>

我的问题是,如何在另一个组件中访问由Ractive Load创建的此示例组件实例?

重要:

我可以定义主要组件的存储位置,我可以看到...anotherMainComponent.components.InternalExample但它似乎不是实例,因为我无法使用getset

相反,它似乎是一个可以重复使用的“组件定义”(这对我来说很好)。

1 个答案:

答案 0 :(得分:1)

您可以使用findComponent方法:

// assuming `ractive` is the top-level instance
// (i.e. `ractive = new MyComponent(...)`)
var internalExample = ractive.findComponent( 'InternalExample' );

ractive.findAllComponents是一种相关方法 - docs herehere