用于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);
}