[英]RxJS append observable to observable array list in typescript
如何将Observable<News>
添加Observable<News>
observable数组?
newsArray: Observable<Array<any>>;
addNews(newsId: number) {
let news = this.newsService.getNewNews(newsId); // this returns a Observable<News> type.
//I want to add `news` to `newsArray` to display it in UI.
}
HTML:
<li *ngFor="let item of (newsArray | async)">
<div>{{item.Id}}: {{item.DataValue}}</div>
</li>
还有其他运算符吗?
我尝试了BehaviourSubject
但一次只显示一个值。 我要显示要添加到错误中的添加项目。
您可以使用扫描来积累新闻
news$:Observable<any>
loadMore$=new Subject<number>()
ngOnInit(){
this.news$=this.loadMore$
.switchMap((newsId)=>this.newsService.getNewNews(newsId))
.scan((acc,curr)=>{
acc.push(curr)
return acc
},[]).startWith(null)
}
addNews(newsId: number) {
this.loadMore$.next(newsId);
}
的HTML
<li *ngFor="let item of (news$ | async)">
<div>{{item.Id}}: {{item.DataValue}}</div>
</li>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.