码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-10-19 13:54:16      阅读:244      评论:0      收藏:0      [点我收藏+]

标签:获取参数   uid   angular   最好   格式   ros   family   href   java   

研究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的写法

标签:获取参数   uid   angular   最好   格式   ros   family   href   java   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!