如何在angular2中獲取組件的TemplateRef？

Question

我有一個組件，需要將您的TemplateRef傳遞給一個指令，該指令將使用createEmbeddedView方法在模式中復制此組件。

我試過這個，但沒有成功。

<template let-ref>
    <my-component [myDirective]="ref"></my-component>
</template>

我怎么做？

Answer 1

在模板中創建一個 ng-template 級別的變量：

<ng-template #templateref>
  <div>Your template content</div>
</ng-template>

在組件@ViewChild它與@ViewChild一起@ViewChild ，它將在OnInit中可用。

@Component({
  selector: 'my-component',
  templateUrl: 'my-component.html'
})
export class MyComponent implements OnInit {
  @ViewChild('templateref') public templateref: TemplateRef<any>;

  ngOnInit() {
    console.log(this.templateref);
  }
}

可能ViewChild聲明可以簡化，我還沒有測試過更多。