当 ng 模板可见时调用方法

Question

当ng模板在作用域中可见或处于活动状态时是否有任何事件或者是否可以以这种方式执行任何方法以从容器调用它？

<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(_));
}

Answer 2

您可以使用

public mycondition: boolean = true;   ///according to need make it true or false
<ng-template *ngIf="mycondition"> ... </ng-template>