Angular应用里具有back功能的按钮实现
需求:从dashboard页面点击任何一个hero:
可以进入明细页面,注意url的变化。
期望做到的行为是,点击Go back按钮,回到dashboard页面。
下面是具体实现:
(1) 在hero detail Component里导入Location,借助该module实现操纵浏览器的跳转行为。
(2) 在hero detail Component里给click绑定处理函数goBack:
使用单步调试可以观察到click事件响应函数是如何被调用到的:
要获取更多Jerry的原创文章,请关注公众号"汪子熙":
Angular应用里具有back功能的按钮实现相关推荐
- SAP S4HANA里委外加工采购功能的变化
SAP S4HANA里委外加工采购功能的变化 [Part 1:主要变化点] 1.1,采购订单界面上的变化, 1.2, 新的事务代码: ME2ON (Subcontracting Cockpit), 1 ...
- Angular 项目里 angular.json 文件内容的学习笔记
看一个基于 Angular 的 SAP Spartacus 项目里 angular.json 的例子: version: The configuration-file version. newProj ...
- 计算机一级考试的时候用计算器,在WPS文字里设置计算器功能
在WPS文字里设置计算器功能 分类:计算机等级| 更新时间:2012-12-21| 来源:转载 在使用WPS文字编辑文稿时,常常需要对一些数据进行简单的核算,为了计算方便,笔者经过一番摸索,设法在WP ...
- case when里的like功能 ////// 截取(substr)
case when里的like功能 假如要用到case when又要用到like这样的功能,即如果字符串包含'语文'就怎么怎么样,包含'数学'就怎么怎么样,包含'英语'就怎么怎么样,like是用于w ...
- SAP MM里的ERS功能不适用于供应商寄售采购模式
SAP MM里的ERS功能不适用于供应商寄售采购模式 今天收到了一个做零售行业项目的SAP同行的问题,客户问她是否可以在供应商寄售采购流程里启用SAP的ERS功能.我甚为吃惊,感觉这个SAP客户的问题 ...
- 如何在 SAP Fiori Elements List Report 表格工具栏里增添新的自定义按钮
如下图所示,这是 SAP Fiori Elements List Report 一个例子,我们想在表格工具栏里,新增一个自定义按钮: 实现方式 在 SAP Fiori Elements 项目工程里,修 ...
- Angular应用里setTimeout被如何被monkey patched的
monkey patched: monkey patch指的是在运行时动态替换,一般是在startup的时候. 下面的测试代码可以让我们弄清楚,浏览器支持的原生函数setTimeout,是如何在Ang ...
- Angular应用里的tsconfig.app.json
tsconfig.app.json是tsconfig.json的扩展: 在应用工程文件angular.json里的tsConfig字段处被引用: ng build后的输出: 2020年10月4日国庆节 ...
- Angular应用里的Template Reference变量
Angular应用里的Template Reference Variable,模板引用变量,用于创建一个对模板里DOM元素或者Angular指令的引用. 使用#号定义一个模板引用变量. 看个具体的例子 ...
最新文章
- xp系统本地连接服务器,本地连接,xp系统本地连接不见了怎么办
- Ubuntu MySQL
- Oracle ASM -- disk header
- 加速数据分析,这12种高效Numpy和Pandas函数为你保驾护航
- android:scaleType的各个属性解释
- 从BMW Vision iNEXT 看宝马如何进军自动驾驶
- python里面print是什么意思_python里print是什么意思
- ArcGIS:ArcToolBox工具使用——提取DEM/DSM中的高程点
- html 控制边框长度,如何控制CSS边框长度的示例代码分享
- linux查看有哪些用户连接到本机
- 内蒙古农业大学微型计算机,内蒙古农业大学微机原理重点
- 二维均匀分布的边缘密度函数_均匀分布
- Cradle CFD—专业热流场分析工具
- java仓库管理实验报告,基于java的仓库管理系统.doc
- cad2012打开后闪退_【电脑安装好cad一打开闪退】cad安装完打开闪退_cad2012打开闪退...
- 康佳电视系统升级服务器地址,康佳电视各平台升级方法及强制刷机汇总
- 表示自己从头开始的句子_从头开始励志的句子
- 0x5085170C (ucrtbased.dll)处(位于 Project1.exe 中)引发的异常: 0xC0000005: 读取位置 0x0000001A 时发生访问冲突。
- Codeforces Round #663 (Div. 2) A-D
- 转:获取脚本运行路径的VBS脚本