代码之家 › 专栏 › 技术社区 › Maryannah

获取AppComponent ViewContainerRef

angular6 typescript angular

0

Maryannah · 技术社区 · 7 年前

AppComponent ViewContainerRef

我在网上找到了如下代码 this code this code 或 this issue ,但它们都适用于Angular的早期版本(我使用的是版本6)。

现在,我必须注射 视图容器引用 把它交给服务部门。

我只想在服务中直接从注入的提供者那里获得引用,一些类似于

  constructor(
    private applicationRef: ApplicationRef
  ) {
    this.viewContainerRef = applicationRef.getAppViewRef();
  }

用例是创建组件并将它们附加到文档中,在body级别或 应用程序组件

2 回复 | 直到 7 年前

1

Christian S. 7 年前

你可以像你提供的链接一样使用它。我在这里创建了一个stackblitz: https://angular-5lhjkq.stackblitz.io 应用服务 我注射 ApplicationRef 和 attachView 我加了一个 Dummy组件 在里面 应用程序组件 对身体和角度应用程序。

这项工作似乎工作完全一样,在过去的版本。

2

0

user4676340 user4676340 7 年前

对于那些寻找相似事物的人 Thoughtram's Dominic Elm 这是一个很好的使用CDK的例子 Overlay s和 Portals .

我不再寻找对根组件的引用,而是通过它将组件动态地附加到应用程序中。