需求：从dashboard页面点击任何一个hero：
可以进入明细页面，注意url的变化。
期望做到的行为是，点击Go back按钮，回到dashboard页面。
下面是具体实现：
(1) 在hero detail Component里导入Location，借助该module实现操纵浏览器的跳转行为。
(2) 在hero detail Component里给click绑定处理函数goBack：
使用单步调试可以观察到click事件响应函数是如何被调用到的：
Angular应用里具有back功能的按钮实现
2021-12-08
165
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
Angular应用里具有back功能的按钮实现
目录
相关文章
|
2月前
|
设计模式
JavaScript
前端开发
|
3月前
|
18天前
|
存储
JavaScript
前端开发
|
3月前
|
Web App开发
UED
开发者
谈谈企业级 Angular 应用的二次开发 - 基于 Angular Component 替换的 Extensibility 支持案例介绍
谈谈企业级 Angular 应用的二次开发 - 基于 Angular Component 替换的 Extensibility 支持案例介绍
40
1
1
|
1月前
|
开发框架
前端开发
安全
|
2月前
|
Go
|
3月前
|
缓存
前端开发
JavaScript
|
3月前
|
缓存
JavaScript
前端开发
|
3月前
|
网络协议
JavaScript
|
3月前
|
缓存
JavaScript
中间件
热门文章
最新文章
1
设置Open in Terminal快捷键Alt+Shift+Z，方便angular项目的各种命令输入（多任务状态下）
2
Angular 应用 node_modules 子文件夹 @types 的作用介绍
3
基于Angular的简易在线购物车设计与实现
4
Angular使用@Input和@Output实现父子组件互相传参（类似Vue的props和this.emit）
5
1分钟入门angular动画效果animations，敲简单滴哟~~☺
6
【超实用】Angular如何修改当前页面网页浏览器url后面?param1=xxx¶m2=xxx参数（多用于通过浏览器地址参数保存用户当前操作状态的需求），实现监听url路由切换、状态变化。
7
【angular】启动项目和路由配置
8
angular之provide，service，factory等区别
9
Angular Input格式化
10
进入DRF和ANGULAR的整合学习，这三篇入门内容一定要学好的
1
【angular】启动项目和路由配置
8
2
【超实用】Angular如何修改当前页面网页浏览器url后面?param1=xxx¶m2=xxx参数（多用于通过浏览器地址参数保存用户当前操作状态的需求），实现监听url路由切换、状态变化。
11
3
Angular使用@Input和@Output实现父子组件互相传参（类似Vue的props和this.emit）
11
4
1分钟入门angular动画效果animations，敲简单滴哟~~☺
11
5
设置Open in Terminal快捷键Alt+Shift+Z，方便angular项目的各种命令输入（多任务状态下）
13
6
Angular 应用 node_modules 子文件夹 @types 的作用介绍
12
7
基于Angular的简易在线购物车设计与实现
12
8
Angular：构建现代Web应用的终极选择
23
9
目前最流行的一些前端框架：React、Angular、Vue.js和jQuery
101
10
2024 年 3 月 1 日安装 Composable Storefront 2211 遇到 Angular 和 TypeScript 版本不匹配的错误
22