一个例子：
运行时，触发change detection，调用refreshView方法：
RouterLinkWithHref这个class实现了ngOnChanges hook方法：
在updateTargetUrlAndHref方法里，生成href:
this.commands就是我们传入到routerLink Directive里的输入：
createUrlTree：
将JavaScript对象this.urlTree, 序列化成字符串url：
Angular routerLink指令的href属性生成逻辑
2021-12-08
197
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
Angular routerLink指令的href属性生成逻辑
相关文章
|
2月前
|
JavaScript
前端开发
编译器
|
2月前
|
编译器
API
开发者
|
2月前
|
API
开发者
|
9月前
|
JavaScript
数据安全/隐私保护
开发者
|
2月前
Angular获取Location对象，获取当前网页url、hash、hostname、href、pathname、port、protocal
Angular获取Location对象，获取当前网页url、hash、hostname、href、pathname、port、protocal
34
1
1
|
8月前
|
JavaScript
编译器
开发者
|
9月前
|
JavaScript
Angular Component 属性绑定 target 和 attr.target 的区别
Angular Component 属性绑定 target 和 attr.target 的区别
41
0
0
|
2月前
|
存储
前端开发
API
|
2月前
|
设计模式
JavaScript
前端开发
|
2月前
|
JavaScript
前端开发
架构师
Angular进阶：理解RxJS在Angular应用中的高效运用
RxJS（Reactive Extensions for JavaScript）是JavaScript的一个响应式编程库，特别适用于处理异步数据流。
40
0
0
热门文章
最新文章
1
Angular 4 子路由
2
进入DRF和ANGULAR的整合学习，这三篇入门内容一定要学好的
3
angular controller as syntax vs scope
4
angular-cli.json常见配置
5
Angular 4 组件的生命周期
6
$scope angular在controller之外调用
7
Angular 4 表单
8
Angular2 小贴士 RouterLink 导航
9
angular项目整合到.net mvc中
10
Angular应用里使用rxjs提供的观察者和发布者实现事件处理
1
【专栏：HTML与CSS前端技术趋势篇】前端框架（React/Vue/Angular）与HTML/CSS的结合使用
63
2
【TypeScript技术专栏】TypeScript在Angular开发中的应用
34
3
angular引入包、路由权限配置、打包问题与nginx配置问题（简单部署）
43
4
【angular】启动项目和路由配置
31
5
云HIS医疗管理系统源码——技术栈【SpringBoot+Angular+MySQL+MyBatis】
71
6
JAVA云HIS医院管理系统源码、基于Angular+Nginx+ Java+Spring，SpringBoot+ MySQL + MyCat
73
7
【超实用】Angular如何修改当前页面网页浏览器url后面?param1=xxx¶m2=xxx参数（多用于通过浏览器地址参数保存用户当前操作状态的需求），实现监听url路由切换、状态变化。
34
8
【实用】Angular中如何实现类似Vuex的全局变量状态变化功能？
37
9
Angular使用@Input和@Output实现父子组件互相传参（类似Vue的props和this.emit）
25
10
1分钟入门angular动画效果animations，敲简单滴哟~~☺
31