我有一个 angularJs 应用程序,我正在迁移到 angular(使用 ngUpgrade),它有一种插件类型架构,可以将额外的“第 3 方”angularjs 模块添加到核心应用程序中。
app 的一个关键特性,是一种“dom 装饰器”操作,基本上是这样工作的:
页面上有一个根组件存在于核心应用程序中,我们称之为根
<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 个修饰指令。
蒂亚!/布莱恩