中年Angular应用里具有back功能的按钮实现


需求:从dashboard页面点击任何一个hero:
中年Angular应用里具有back功能的按钮实现
本文插图
可以进入明细页面 , 注意url的变化 。
中年Angular应用里具有back功能的按钮实现
本文插图
期望做到的行为是 , 点击Go back按钮 , 回到dashboard页面 。
下面是具体实现:
(1) 在hero detail Component里导入Location , 借助该module实现操纵浏览器的跳转行为 。

中年Angular应用里具有back功能的按钮实现
本文插图
(2) 在hero detail Component里给click绑定处理函数goBack:
中年Angular应用里具有back功能的按钮实现
本文插图
使用单步调试可以观察到click事件响应函数是如何被调用到的:
中年Angular应用里具有back功能的按钮实现
本文插图

中年Angular应用里具有back功能的按钮实现
本文插图
中年Angular应用里具有back功能的按钮实现
本文插图
声明:转载此文是出于传递更多信息之目的 。 若有来源标注错误或侵犯了您的合法权益 , 请作者持权属证明与本网联系 , 我们将及时更正、删除 , 谢谢 。邮箱地址:newmedia@xxcb.cn
【中年Angular应用里具有back功能的按钮实现】


    推荐阅读