Angular应用一个创建场景的问题分析

简介: Angular应用一个创建场景的问题分析

问题描述:在hero Component页面创建hero:image.png成功创建了一个新的hero,id为21:image.pngimage.png然而进入detail页面之后,看不到这个新建的hero:image.png问题排查:

Hero detail页面,基于的属性是这个加了@Input annotation的hero:image.png这个属性的赋值是在ngOnInit的getHero方法里,该方法会调用heroService的getHero方法。image.png入getHero方法进行调试,发现heroService的getHero方法返回的hero是undefined的:image.png原因是因为hero service当前的实现只是从mock hero数据里取值,而新建的hero没有加入到这个mock hero数据里image.png重新使用http client实现getHero即可:image.pngimage.png修复之后,这个新建的hero也能在明细页面里显示了:image.png

相关文章
|
16天前
|
Go
Mac安装Angular并部署运行应用
Mac安装Angular并部署运行应用
|
19天前
|
设计模式 JavaScript 前端开发
什么是 Angular 应用里的 Custom provider
什么是 Angular 应用里的 Custom provider
22 2
|
1月前
|
缓存 前端开发 JavaScript
Angular Service Worker 在 PWA 应用 HTTP 交互中扮演的角色
Angular Service Worker 在 PWA 应用 HTTP 交互中扮演的角色
38 0
|
1月前
|
缓存 JavaScript 前端开发
Angular PWA 应用什么情况下会出现 504 error
Angular PWA 应用什么情况下会出现 504 error
46 0
|
1月前
|
网络协议 JavaScript
Angular 服务器端渲染应用里重用 TCP 连接的示例代码
Angular 服务器端渲染应用里重用 TCP 连接的示例代码
18 0
|
1月前
|
缓存 JavaScript 中间件
如何在 Angular 应用中发起 HTTP 302 redirect
如何在 Angular 应用中发起 HTTP 302 redirect
19 0
|
1月前
Angular 应用里异步打开对话框的技术实现
Angular 应用里异步打开对话框的技术实现
16 0
|
1月前
|
Web App开发 前端开发 API
Skeleton Design 理念在 Angular 应用开发中的具体应用一例
Skeleton Design 理念在 Angular 应用开发中的具体应用一例
19 1
|
1月前
|
Web App开发 UED 开发者
谈谈企业级 Angular 应用的二次开发 - 基于 Angular Component 替换的 Extensibility 支持案例介绍
谈谈企业级 Angular 应用的二次开发 - 基于 Angular Component 替换的 Extensibility 支持案例介绍
23 1
|
2月前
|
缓存 JavaScript 前端开发
关于 Angular PWA 应用中的 ngsw.json 文件
关于 Angular PWA 应用中的 ngsw.json 文件
23 1