Question

将ViewContainerRef注入指令时，它绑定到什么元素？

例如，如果我们有一个模板：

template `<div><span vcdirective></span></div>`

vcdirective的构造函数如下：

  constructor(vc: ViewContainerRef) {
  }

是vc:ViewContainerRef绑定到span元素的元素吗？

Answer 1

是的，它将绑定到span元素。如果在构造函数中控制台vc，则会看到ViewContainerRef对象，检查它的element属性，您将在其中找到 span 。但是，当您将视图附加到容器中时，它将被附加到span旁边，而不是插入到其中，并且span将被挂起。

Answer 2

是的，它一定会跨越。 ViewContainerRef代表一个可以附加一个或多个视图的容器。我们可以使用诸如createEmbeddedView()和createComponent()之类的方法。 ViewContainerRef用于构建动态组件。

Answer 3

请检查此内容以更好地理解。它是一个可以附加到另一个元素的占位符。检查https://netbasal.com/angular-2-understanding-viewcontainerref-acc183f3b682

类似：

    @Component({
  selector: 'vcr',
  template: `
    <template #tpl>
      <h1>ViewContainerRef</h1>
    </template>
  `,
})
export class VcrComponent {
  @ViewChild('tpl') tpl;
  constructor(private _vcr: ViewContainerRef) {
  }

  ngAfterViewInit() {
    this._vcr.createEmbeddedView(this.tpl);
  }
}

将ViewContainerRef注入指令后，它将绑定到什么元素？

3 个答案: