Angular2如何在组件变为可见时初始化组件

时间:2016-12-08 10:50:35

标签: javascript angular performance optimization accelerated-mobile-page

我想要创建的网页必须包含很多块(angular2组件)。所以我想只初始化它们中的几个(从一开始就可以看到),其他的将在以后初始化(例如当用户滚动时,所以我将通过网络保存调用,加载数据并且页面的呈现会很多快)。

类似 AMP (我知道AMP和Angular2完全不同)。例如,在页面https://www.bucketlist127.com/blog/ideas-for-bucket-list上,当用户滚动页面时会加载图像,这会使页面变得更小(对移动设备非常重要)。

当组件变得可见时,我尝试捕获事件,但似乎没有angular2本机事件( ngOnInit,ngOnDestroy,ngDoCheck,ngOnChanges,ngAfterContentInit,ngAfterContentChecked,ngAfterViewInit,ngAfterViewChecked

问题是:有什么好的做法吗?

1 个答案:

答案 0 :(得分:0)

我会说在onOnInit之后,如果你听之后的任何事件,比如ngAfterViewInit和......,你可以确定你的视图是可见的,除非有什么东西阻止它,比如css类或者其他什么