专栏首页代码男人AngularJs之路由配置(二)

AngularJs之路由配置(二)

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 条评论
登录 后参与评论

相关文章

  • Java连接MnogoDb数据库

    添加:mongo-java-driver-3.2.2.jar   驱动地址:http://central.maven.org/maven2/org/mongod...

    黄林晴
  • 将图片网址url转化为bitmap

    黄林晴
  • 深入理解Android消息机制

       Android的消息机制主要说的是Handler的运行机制,相信大家对Handler已经非常熟悉了,Handler可以轻松的将一个任务切换到Handler...

    黄林晴
  • 丑数II

    一份执着✘
  • 分享一个爬取网站的小技巧

    你也许听说过,抓取手机 App 端数据就需要搭建手机抓包环境。那么我们就要屁颠屁颠去抓包搭建?哈哈,显然不用。我给大家分享一个小技巧,可以节省搭建环境的时间。

    sergiojune
  • 分享一个爬取网站的小技巧

    有时候,我们很想爬取一个网站的数据。如果 PC 端的网页的反爬机制太强,我们可以换个思路。现在很多网站为了满足手机浏览器能正常访问的需求,都会推出手机版的网页。...

    猴哥yuri
  • 又是一个名叫草泥马的项目:thefuc

    当然也有脑洞大开的项目,比如 SegmentFault 上之前介绍过的《编程语言中的精品——草泥马语》。(你还记得吗?)

    py3study
  • 一行 Python 代码能实现什么丧心病狂的功能?

    小草AI
  • 那些神奇的一行 Python 代码

    Python 这门语言非常的有趣,不仅可以做高大上的人工智能、大数据、机器学习。还可以用来做 Web、爬虫。还有其它很多的应用。今天我就给大家展示下一行 Pyt...

    IT派
  • 一行代码结果叹为观止,能做到这么极致的也只有python了

    Python 这门语言非常的有趣,不仅可以做高大上的人工智能、大数据、机器学习。还可以用来做 Web、爬虫。还有其它很多的应用。今天我就给大家展示下一行 Pyt...

    猫咪编程

扫码关注云+社区

领取腾讯云代金券