events - 每次组件变为可见时的事件

Question

Angular2 中有没有一种方法可以在我的组件可见时触发一个事件？它被放置在一个 tabcontrol 中，我想在用户切换时得到通知。我希望我的组件触发一个事件。

Answer 1

我最后做的(虽然不是很漂亮，但在我没有更好的方法时工作......)是使用 ngAfterContentChecked() 回调并处理更改我自己。

@ViewChild('map') m;
private isVisible: boolean = false;
ngAfterContentChecked(): void
{
    if (this.isVisible == false && this.m.nativeElement.offsetParent != null)
    {
        console.log('isVisible switched from false to true');
        this.isVisible = true;
        this.Refresh();
    }
    else if (this.isVisible == true && this.m.nativeElement.offsetParent == null)
    {
        console.log('isVisible switched from true to false');
        this.isVisible = false;
    }
}