Angular 6:给定ElementRef，我能得到ViewContainerRef吗

在Angular 6中，可以通过ElementRef来获取ViewContainerRef。ElementRef是Angular提供的一个用于访问宿主元素的引用的类，而ViewContainerRef是用于管理动态组件的容器。

要获取ViewContainerRef，可以使用以下代码：

import { Component, ElementRef, ViewChild, ViewContainerRef } from '@angular/core';

@Component({
  selector: 'app-example',
  template: `
    <div #container></div>
  `
})
export class ExampleComponent {
  @ViewChild('container', { read: ViewContainerRef }) containerRef: ViewContainerRef;

  constructor(private elementRef: ElementRef) {}

  ngAfterViewInit() {
    const nativeElement = this.elementRef.nativeElement;
    const containerElement = nativeElement.querySelector('[#container]');
    this.containerRef = containerElement;
  }
}

在上面的代码中，我们使用@ViewChild装饰器来获取名为"container"的元素的引用，并将其类型设置为ViewContainerRef。然后，在ngAfterViewInit生命周期钩子中，我们通过elementRef.nativeElement来获取宿主元素的原生DOM对象，并使用querySelector方法来获取名为"container"的子元素。最后，将获取到的容器元素赋值给containerRef。

通过这种方式，我们可以使用ElementRef来获取ViewContainerRef，从而实现对动态组件的管理和操作。

推荐的腾讯云相关产品和产品介绍链接地址：

• 腾讯云云函数（Serverless）：https://cloud.tencent.com/product/scf
• 腾讯云容器服务（TKE）：https://cloud.tencent.com/product/tke
• 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
• 腾讯云CDN加速（CDN）：https://cloud.tencent.com/product/cdn
• 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
• 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
• 腾讯云移动开发（移动开发）：https://cloud.tencent.com/product/mad
• 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
• 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
• 腾讯云虚拟专用网络（VPC）：https://cloud.tencent.com/product/vpc
• 腾讯云安全加速（DDoS防护）：https://cloud.tencent.com/product/ddos