在Angular2中,当我的组件可见时,是否有方法触发事件?

推荐答案

我最终做了什么(虽然不是很漂亮,但很管用,而我没有更好的方法来做…)就是使用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;
    }
}

Typescript相关问答推荐

为什么仅对对象而不对简单类型需要满足?

具有匹配键的通用对象界面

在OpenLayers 9.1中使用内置方法时,TypScript缩小联合类型

判断对象A中存在的对象B的键是否存在对象A中键的另一个数组值中

为什么在TypScript中将类型守护的返回类型写成This is(

Angular 过滤器形式基于某些条件的数组控制

Webpack说你可能需要在Reactjs项目中增加一个加载器''

在动态对话框中使用STEP组件实现布线

如何在LucideAngular 添加自定义图标以及如何使用它们

TypeScrip原始字符串没有方法

诡异的文字类型--S为物语的关键

类型';字符串|数字';不可分配给类型';未定义';.类型';字符串';不可分配给类型';未定义';

使用泛型识别对象值类型

类型脚本-处理值或返回值的函数

当传递带有或不带有参数的函数作为组件props 时,我应该如何指定类型?

如何通过转换器类继承使用多态将对象从一种类型转换为另一种类型

如何在Next.js和Tailwind.css中更改悬停时的字体 colored颜色

可以将JS文件放在tsconfig';s includes/files属性?或者,我如何让tsc判断TS项目中的JS文件?

如何在TypeScript中将元组与泛型一起使用?

如何让Record中的每个值都有独立的类型?