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

Question

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

我们希望一次开始重写该应用程序的一个组件，并且首选的方法是在最内层创建Angular组件，然后向外聚合它们，直到每个用例都是同一个Angular应用程序。

是否有“干净”的方式在DOM的jQuery加载部分中使用Angular组件，例如，当旧版jQuery在DOM的“角度”根应用程序外部插入选择器时，通过动态引导角度组件，类似于动态添加组件到带有Angular 的DOM ，只是那是在angular内。 这意味着：从jQuery，告诉angular有一个新的选择器要引导。

Answer 1

到目前为止，我们最终要做的是在启动时引导角度组件，但将它们隐藏起来。 在AJAX调用更新了DOM之后，我们使用jQuery将每个组件移至DOM的更新部分。

Work很棒，可以使棱角代码保持整洁，并且不了解jQuery，因此当替换所有jQuery时，代码保持不变。

要将参数传递给angular，我们使用带有散列策略的angular路由器，以便jQuery可以通过更改url传递参数。 （当应用程序为纯Angular时，将迁移到基于推送的应用程序。）