使用$ compile

Question

我有一个我要迁移到angular（使用ngUpgrade）的angularJs应用程序，它具有一种插件类型的体系结构，可以在核心应用程序中添加其他“ 3rd party” angularjs模块。

应用程序的主要功能之一，是执行一种“ dom decorator”操作，该操作基本上是这样的：

页面上有一个根组件存在于核心应用中，我们称其为 root

  <root>
    some content
  </root>

通过配置，有人会添加其他angulajs模块，可以说其中包含2个未知的组件指令，分别称为 dec-a 和 dec-b

（这些组件将遵循严格的超越合同）

因此根组件将更新其模板，如下所示：

<root>
  <dec-a>
    <dec-b>
      some content
    </dec-b>
  </dec-a>
</root>

然后它将使用$ compile更新模板。

因此，基本上的要求是，我需要更新模板以动态添加“未知”组件（它们将成角度，而不是根组件）

通过将插件组件转换为Web组件，我确实设法使用了有角度的元素，但我确实不喜欢这种方法，因为它过于冗长，而且不确定性能如果我的页面上有50个这些根组件，则每个页面上都有5-10个修饰指令。

TIA！ /布莱恩