angular4.0中如何实现路由传递参数、获取参数最nice(angular4,web开发)

时间:2024-05-06 01:57:55 作者 : 石家庄SEO 分类 : web开发
  • TAG :

    angular4.0%E4%B8%AD%E5%A6%82%E4%BD%95%E5%AE%9E%E7%8E%B0%E8%B7%AF%E7%94%B1%E4%BC%A0%E9%80%92%E5%8F%82%E6%95%B0%E3%80%81%E8%8E%B7%E5%8F%96%E5%8F%82%E6%95%B0%E6%9C%80nice

研究ng4的官网,终于找到了我想要的方法。我想要的结果是用‘&'拼接参数传送,这样阅读上是最好的。

否则很多‘/'的拼接,容易混淆参数和组件名称。

一般我们页面跳转传递参数都是这样的格式:

http://angular.io/api?uid=1&username=moon

但是在SPA单页应用中却是下面的结果居多【初级视频都是这样敷衍的】

http://angular.io/api/1/moon

那么怎么实现我说的结果呢?

重点开始了。

实现从product页面跳转到product-detail页面。

step1:在app-routing.module.ts中配置路由。

step2:在product.ts中书写跳转,并传参数。

step3:在product-detail.ts中获取传递过来的参数productId、title

本文:angular4.0中如何实现路由传递参数、获取参数最nice的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:如何解决JS中touchstart事件与click事件冲突的问题下一篇:

6 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18