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

Dynamic 在模板外部附加/渲染RactiveJS组件,dynamic,routing,components,render,ractivejs,Dynamic,Routing,Components,Render,Ractivejs,我有一个现有的SPA,它是使用嵌套的RactiveJS组件开发的。这是伟大的,并提供了整个应用程序的灵活性吨。目前,我正在尝试使用添加客户端路由支持。我的导航在每个组件上使用简单的{{{{}{{/visible}}模板标记来切换高级组件。这在其当前状态下有点麻烦,因为每当高级组件再次可见时,它总是启动重新渲染 有没有一种方法可以在不使用 方法?我已经向父级“注册”了组件,但显然是在通过 new App.components.widget 我能够控制渲染/插入/分离的方式/时间,但在应用程序的

我有一个现有的SPA,它是使用嵌套的RactiveJS组件开发的。这是伟大的,并提供了整个应用程序的灵活性吨。目前,我正在尝试使用添加客户端路由支持。我的导航在每个组件上使用简单的
{{{{}{{/visible}}
模板标记来切换高级组件。这在其当前状态下有点麻烦,因为每当高级组件再次可见时,它总是启动重新渲染

有没有一种方法可以在不使用

方法?我已经向父级“注册”了组件,但显然是在通过

new App.components.widget
我能够控制渲染/插入/分离的方式/时间,但在应用程序的组件层次结构中失去了识别能力。

这正是原因所在。您甚至不需要将其“注册”到您计划将其放入的组件中。您可以使用不同的
find*
方法或轻松检索计划容器元素的引用

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

更重要的是,我失去了引用父实例及其从深度嵌套组件继承的数据的能力。