javascript - Angular2 从任何 HTML 元素获取 TemplateRef

Question

我需要将组件动态加载到 HTML 元素中，该元素可能位于我的 app 组件内的任何位置。

我计划使用 TemplateRef 作为 ViewContainerRef.createEmbeddedView(templateRef) 的参数来动态加载我所需的组件。

所以，即我希望它看起来像这样

var myViewRef = this.viewContainer.createEmbeddedView(
  getTemplateRefFromNode(document.querySelector('.anySelector'))
);
this.resolver.resolveComponent(myComponent)
  .then(factory => {
    var newComponent = myViewRef.createComponent(factory, 0, myViewRef.injector);
  });

Answer 1

这不是它的工作原理，根本不是。你没有TemplateRef与任何 DOM 节点关联。 TemplateRef是由 <template> 创建的结构且仅 <template> 元素元素。

很难提出替代建议，因为我不清楚“我需要将组件动态加载到可能位于我的应用程序组件内任何位置的 HTML 元素中”的确切含义。