AngularJs之路由配置(二)
来源:互联网 发布:数据挖掘技术及应用 编辑:程序博客网 时间:2024/05/22 04:54
1.参数订阅
我们使用 <a [routerLink]="['/prouct',1]" >商品详情</a>
跳转到product页面获取参数的值,我们需要使用参数订阅。
在procuct ts中private productid:number;
声明一个number的变量
在oninit()中使用参数订阅:
this.info.params.subscribe((params:Params)=> this.productid=params["id"]);我们就可以在html页面使用差值表达式获取参数的值
商品id:{{productid}}
2.监听事件跳转路由
很多时候我们需要使用按钮跳转,当然在按钮中我们同样可以使用 [routerLink]进行跳转
如果使用onclick的话 可以使用
(click)="xinxi()" xinxi是方法名在对应的ts中
若要传参则:
最后,使用参数订阅和监听事件跳转路由需要声明
info:ActivatedRoute
阅读全文
0 0
- AngularJs之路由配置(二)
- angularjs二、路由配置
- AngularJS路由之ui-router(二)
- AngularJs之路由配置(一)
- 初学AngularJs路由(二):在路由中传递参数
- AngularJS 配置路由
- AngularJS 路由配置对象
- AngularJS路由之ui-router(一)
- AngularJS路由之ui-router(三)
- Angularjs 路由之初识
- AngularJS之路由
- AngularJS进阶(二)AngularJS路由问题解决
- AngularJS路由以及模块配置
- AngularJS路由的简单配置
- AngularJS 06(路由)
- AngularJS路由之ui-router(三)大小写处理
- AngularJs学习二--路由、模块、依赖注入
- angularJS的路由配置——转
- Spring的事务
- CSS中的cursor
- javaweb 中 web.xml 配置文件简述
- 常用正则表达式
- DHCP(三)
- AngularJs之路由配置(二)
- Linux系统下Tomcat的安装
- CSS3 经典教程系列:CSS3 线性渐变(linear-gradient)
- 易语言编译的区别
- C#实现Zip文件解压
- 使用MVP+Retrofit+RxJava 图片加载使用Fresco 做网络请求并展示数据
- 连续帧图片转视频
- 【云星数据---mesos实战系列003】:marathon实战005--marathon部署一套pyhton3的web程序
- 多研究些架构,少谈些框架(1) -- 论微服务架构的核心概念