用于ng-template的ViewChildren

Question

我有一个angular2组件,模板看起来像这样:

<div>
    <div><ng-template #left></ng-template></div>
    <div><ng-template #right></ng-template></div>
</div>

我希望能够检索所有ng-template元素的引用,ViewChildren但我不知道我需要在括号之间传递的类型.

Answer 1

@ViewChildren(TemplateRef) templates: QueryList<TemplateRef>;

ngAfterViewInit() {
  console.log(this.templates.toArray());
}

要么

@ViewChild('left') left:TemplateRef;
@ViewChild('right') right:TemplateRef;

ngAfterViewInit() {
  console.log(this.left, this.right);
}