如何从插入jQuery的选择器动态加载Angular组件

时间:2017-10-26 12:55:21

标签: jquery angular

我们有一个混合遗留应用程序,包含作为Spring MVC,jsp和jQuery实现的用例。每个用例都是由jsp / jQuery组成的“组件”构建的SPA。每个组件都使用innerHTML + AJAX动态加载。

我们希望一次开始重写这个应用程序一个组件,最好的路径是在最里面创建Angular组件,然后将它们向外聚合,直到每个用例都是一个同质的Angular应用程序。

是否有"清洁"在DOM的jQuery加载部分中使用Angular组件的方法,例如当遗留jQuery在角度根应用程序“外部”的DOM中插入选择器时动态引导角度组件,类似于Angular的Dynamically add components to the DOM,除了& #39;来自角度范围内。这意味着:从jQuery中,告诉angular有一个新的选择器来引导。

1 个答案:

答案 0 :(得分:0)

我们最终做的(到目前为止)是在启动时引导角度组件,但保持隐藏。 在AJAX调用更新DOM之后,我们使用jQuery将每个组件移动到DOM的更新部分。

工作很棒并保持角度代码干净并且不知道jQuery,因此在更换所有jQuery时它保持不变。

要将参数传递给angular,我们使用带有散列策略的角度路由器,以便jQuery可以通过更改url来传递参数。 (当应用程序是普通的Angular时,将迁移到基于推送。)