Support transform DOM to ViewContainerRef

Feature Request

Relevant Package

This feature request is for @angular/core

Description

Provider a API to transform DOM to ViewContainerRef, What I want have being posted in stack overflow.

Describe the solution you’d like

const dom = document.querySelect('.ref');
const vcr: ViewContainerRef = xxxx.toVcr(dom);

Describe alternatives you’ve considered

Have you considered any alternative solutions or workarounds?

[Eve-Sama]

I have a new resolution with CDK. It can help me insert a component to a preset dom.

  protected renderAngularContent() {
    this.unmountAngularContent();
    const root = this.getContentContainer();
    if (root) {
      const node = this.cell;
      const { injector, content } = this.graph.hook.getAngularContent(node);
      const applicationRef = injector.get(ApplicationRef);
      const viewContainerRef = injector.get(ViewContainerRef);
      const componentFactoryResolver = injector.get(ComponentFactoryResolver);
      const domOutlet = new DomPortalOutlet(root, componentFactoryResolver, applicationRef, injector);
      if (content instanceof TemplateRef) {
        const portal = new TemplatePortal(content, viewContainerRef);
        domOutlet.attachTemplatePortal(portal);
      } else {
        const portal = new ComponentPortal(content as any, viewContainerRef);
        domOutlet.attachComponentPortal(portal);
      }
    }
  }

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}