問題描述：在hero Component頁面創建hero：

成功創建了一個新的hero，id為21：

然而進入detail頁面之后，看不到這個新建的hero：

問題排查：

Hero detail頁面，基于的屬性是這個加了@Input annotation的hero：

這個屬性的賦值是在ngOnInit的getHero方法里，該方法會調用heroService的getHero方法。

進入getHero方法進行調試，發現heroService的getHero方法返回的hero是undefined的：

原因是因為hero service當前的實現只是從mock hero數據里取值，而新建的hero沒有加入到這個mock hero數據里：

重新使用http client實現getHero即可：

getHero(id: number): Observable<Hero> {const url = `${this.heroesUrl}/${id}`;return this.http.get<Hero>(url).pipe(tap(_ => this.log(`fetched hero id=${id}`)),catchError(this.handleError<Hero>(`getHero id=${id}`))); }

修復之后，這個新建的hero也能在明細頁面里顯示了：

要獲取更多Jerry的原創文章，請關注公眾號"汪子熙":

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的Angular应用一个创建场景的问题分析的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。