首页 > 其他 > 详细

angular4.0中路由传递参数、获取参数最nice的写法

时间:2017-10-19 13:33:45      阅读:364      评论:0      收藏:0      [点我收藏+]

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

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

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

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

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

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

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

重点开始了。

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

const routes: Routes = [  
{  
  path: ‘product‘,  
  component: ProductComponent,  
 },  
 {  
  path: ‘product-detail‘,  
  component: ProductDetailComponent,  
  }  
];  

  

angular4.0中路由传递参数、获取参数最nice的写法

原文:http://www.cnblogs.com/minigrasshopper/p/7691773.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!