angular - 当 ng-template 可见时调用方法

Question

ng-template 在范围内可见或处于事件状态时是否有任何事件
或 是否可以以这种方式执行任何方法以从容器中调用它？

<ng-template (active/vissible)="callMethod()"> ... </ng-template>

(或者)

<ng-container *ngTemplateOutlet="mytemplate" ></ng-container>

Answer 1

一种选择可能是(对任何 DOM 对象都有效)是通过 ViewChildren 的 QueryList 的 changes .您可以标记任何 DOM 元素(或使用它的类型)- <div #myEl></div>
分配它:
@ViewChildren('myEl') myEl: QueryList<any>;
并订阅 ngAfterViewInit 中的更改(因为较早的 AFAIK 尚未创建):

ngAfterViewInit() {
  this.myEl.changes.subscribe(_ => console.log(_));
}