延迟加载ngFor

Question

我有延迟加载和Angular4的问题。我有一个像这样的人：

<div *ngFor="let wid of widgets"></div>`

wid就像：

<div>
 <iframe [src]="url"></iframe>
</div>

我需要wid start才能在屏幕上显示时加载iframe。有人知道Angular2 / 4的任何技巧或模块吗？不幸的是我无法使用jQuery。

Answer 1

有两种方法可以实现这个目标

1）将组件放在不是主模块的模块中，并在this之后延迟加载

2）在div中添加*ngIf="ready"语句，在ts文件中添加变量ready = false。使用生命周期钩子改变准备好了。

ngAfterViewInit(){ ready = true; }