在角度为2的angular.io教程的服务部分,我点击了一个名为of.for的方法,例如：
getHeroes(): Observable<Hero[]> {
return of(HEROES);
}
或在下面的样本：
getHero(id: number): Observable<Hero> {
// Todo: send the message _after_ fetching the hero
this.messageService.add(`HeroService: fetched hero id=${id}`);
return of(HEROES.find(hero => hero.id === id));
}
在angular.io刚刚解释
used RxJS of() to return an Observable of mock heroes
(Observable).
并没有解释为什么我们应该使用功能,它究竟做了什么,它有什么好处？
解决方法
他们使用()的原因是因为它很容易使用它而不是真正的HTTP调用.
在实际应用程序中,您将实现这样的getHeroes(),例如：
getHeroes(): Observable<Hero[]> {
return this.http.get(`/heroes`);
}
但是,由于您只想使用模拟响应而不创建任何真正的后端,您可以使用()返回虚假响应：
const HEROES = [{...},{...}];
getHeroes(): Observable<Hero[]> {
return of(HEROES);
}
你的应用程序的其余部分将工作相同,因为()是一个Observable,你可以稍后订阅或链接运算符,就像你使用this.http.get(…).
