Javascript Angular 2-仅在x秒后将JSON数组填充到视图中

Javascript Angular 2-仅在x秒后将JSON数组填充到视图中,javascript,angular,typescript,Javascript,Angular,Typescript,我在controller级别上生成一个JSON数组(手动并基于随机数)。但是,我想在15秒后显示该JSON数组的元素,在视图的15秒上我想显示挂起状态,然后在15秒后挂起将被JSON数组的结果替换 你知道我该怎么做吗?从@jornsharpe的评论开始 /* component */ this.later = Observable.of(data).delay(15000); <!-- template --> <div *ngIf="later | async as dat

我在
controller
级别上生成一个JSON数组(手动并基于随机数)。但是,我想在15秒后显示该JSON数组的元素,在视图的15秒
上我想显示
挂起状态
,然后在15秒后
挂起
将被JSON数组的结果替换


你知道我该怎么做吗?

从@jornsharpe的评论开始

/* component */
this.later = Observable.of(data).delay(15000);

<!-- template -->
<div *ngIf="later | async as data; else wait">{{data}}</div>
<div #wait>Wait...</div>
/*组件*/
this.later=可观测的(数据)延迟(15000);
{{data}}
等待

这需要角度4。

从@jornsharpe的评论开始

/* component */
this.later = Observable.of(data).delay(15000);

<!-- template -->
<div *ngIf="later | async as data; else wait">{{data}}</div>
<div #wait>Wait...</div>
/*组件*/
this.later=可观测的(数据)延迟(15000);
{{data}}
等待

这将需要角度4。

使用
setTimeout
并设置一些标志?
可观察的(数据)。延迟(15000)。订阅(…)
?我这样做了,但问题是在
视图上我有一个
*ngFor
,当它找不到要通过的数组时,它会抛出一个error@Folky.H然后从默认的空数组开始,或者用
ngIf
/
ngSwitch
保护它。如果您尝试了一些不起作用的方法,请给出一个警告。@jornsharpe即使数据是在本地生成的,它也会起作用。另外,我有一个通过数组的*ngFor,我相信它会通过一个错误,对吗?使用
setTimeout
并设置一些标志?
Observable.of(data).delay(15000).subscribe(…)
?我有,但问题是在
视图上我有一个
*ngFor
,当它找不到要通过的数组时,它抛出一个error@Folky.H然后从一个默认的空数组开始,或者用
ngIf
/
ngSwitch
保护它。如果您尝试了一些不起作用的方法,请给出一个警告。@jornsharpe即使数据是在本地生成的,它也会起作用。另外,我有一个通过数组的*ngFor,我相信它会通过一个错误,对吗?谢谢你的建议!谢谢你的建议!