在模板外部附加/渲染RactiveJS组件

Question

我有一个使用嵌套RactiveJS组件开发的现有SPA。这很棒，并且在整个应用程序中提供了大量的灵活性。目前，我尝试使用page添加客户端路由支持。我的导航使用每个组件上的简单{{#visible}}{{/visible}}模板标记来切换高级组件。这在当前状态下有点麻烦，因为只要高级组件再次变为 可见，它就会重新开始重新渲染。

有没有办法在不使用

的情况下渲染组件，例如名为widget

<widget></widget>

方法？我已经使用父级“注册”了组件，但显然是通过

构建它

new App.components.widget

我可以控制渲染/插入/分离的方式/时间，但在应用程序的组件层次结构中失去识别。

Answer 1

完全有insert。您甚至不需要将它“注册”到您计划将其放入的组件。您可以使用不同的find*方法或nodes轻松检索计划容器元素的引用。

var instance = new YourDetachedWidget({ ... });
instance.insert('#your-container'); // This could be a node, selector or jQuery object