首页 > 解决方案 > Angular:移动组件的宿主元素

问题描述

我已经编写 Angular 很长时间了,而且我可能会用到一些我以前从未需要过的东西!但我不知道它是否安全。

在创建组件后移动组件的本机 DOM 元素是否可以?不是通过ViewRef或类似的东西,而是原始 DOM 元素。我试过了,到目前为止它似乎有效。这是一个堆栈闪电战,它在 DOM 中移动组件的宿主元素,并且输入绑定仍然有效。

所以,乍一看似乎没问题,但这应该可以工作(并将在未来版本的 Angular 中继续工作)还是它碰巧工作(并且可能会在没有警告的情况下中断)?

在该示例中,假设“app-svg-team”由公司内的一个团队编写,并希望创建许多相互协作的小组件,但可以显示在“核心团队”选择的页面上的任何位置。这将是一种让核心团队处理来自多个团队的单个组件的布局的方法。每个团队的组件都可以注入由其顶级“团队组件”提供的服务,即使它们最终可能位于 DOM 的完全不相关的部分中。

标签: angular

解决方案


推荐阅读