中年Angular应用里具有back功能的按钮实现
需求:从dashboard页面点击任何一个hero:
本文插图
可以进入明细页面 , 注意url的变化 。
本文插图
期望做到的行为是 , 点击Go back按钮 , 回到dashboard页面 。
下面是具体实现:
(1) 在hero detail Component里导入Location , 借助该module实现操纵浏览器的跳转行为 。
本文插图
(2) 在hero detail Component里给click绑定处理函数goBack:
本文插图
使用单步调试可以观察到click事件响应函数是如何被调用到的:
本文插图
本文插图
本文插图
声明:转载此文是出于传递更多信息之目的 。 若有来源标注错误或侵犯了您的合法权益 , 请作者持权属证明与本网联系 , 我们将及时更正、删除 , 谢谢 。邮箱地址:newmedia@xxcb.cn
【中年Angular应用里具有back功能的按钮实现】
推荐阅读
- 大江网|开放共赢 拥抱5G·2020高通XR创新应用挑战赛”颁奖典礼在南昌举行
- 北京日报客户端|观众服贸会感受“无人驾驶大脑”,赋能多个应用场景
- 女性健康|女人过了中年,为啥经常会感到小腿没力气?
- 中年|老小区加装电梯,六七楼业主太难了,一楼的灵魂拷问让他们沉默了
- 中年|谷歌生草机,翻译《我的世界》20变,连亲妈都不认识
- 中年|一个电饭煲就能做出的花样焖饭合集,简单又省事
- 【婚姻】中年人的婚姻,最重要的不是爱与不爱,而是这三点
- 中年|馋死人了!好吃的青菜鸡蛋面的详细介绍!快进来看看吧!
- 中年|业主每天回家被盘问, 动手打了保安一顿, 网友: 是保安的问题
- 【离婚】人到中年,不复婚不二婚,这位45岁离婚女人,说出了最好的活法