当 ng-template 可见时调用方法答案

【问题标题】：Call a method when ng-template is visible当 ng-template 可见时调用方法
【发布时间】：2018-04-19 16:44:56
【问题描述】：

ng-template 在作用域中可见或活动时是否有任何事件或是否可以执行任何方法以从容器中调用它？

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

（或）

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

【问题讨论】：

【解决方案1】：

一个选项可能是（对任何 DOM 对象有效）是通过 ViewChildren 的 QueryList 的changes。您标记任何 DOM 元素（或使用它的类型） - <div #myEl></div>

分配它：

@ViewChildren('myEl') myEl: QueryList<any>;

并订阅 ngAfterViewInit 中的更改（因为之前的 AFAIK 尚未创建）：

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

【讨论】：

【解决方案2】：

你可以使用

public mycondition: boolean = true;   ///according to need make it true or false

<ng-template *ngIf="mycondition"> ... </ng-template>

【讨论】：