浅谈angular4.0中路由传递参数、获取参数最nice的写法
研究ng4的官网，终于找到了我想要的方法。我想要的结果是用‘&'拼接参数传送，这样阅读上是最好的。
否则很多‘/'的拼接，容易混淆参数和组件名称。
一般我们页面跳转传递参数都是这样的格式：
http://angular.io/api?uid=1&username=moon
但是在SPA单页应用中却是下面的结果居多【初级视频都是这样敷衍的】
http://angular.io/api/1/moon
那么怎么实现我说的结果呢？
重点开始了。
实现从product页面跳转到product-detail页面。
step1：在app-routing.module.ts中配置路由。
const routes: Routes = [
{
path: 'product',
component: ProductComponent,
},
{
path: 'product-detail',
component: ProductDetailComponent,
}
];
step2：在product.ts中书写跳转，并传参数。
constructor(
private router: Router, //这里需要注入Router模块
){}
jumpHandle(){
//这是在html中绑定的click跳转事件
this.router.navigate(['product-detail'], {
queryParams: {
productId: '1',
title: 'moon'
}
});
}
step3：在product-detail.ts中获取传递过来的参数productId、title
constructor(
private activatedRoute: ActivatedRoute, //这里需要注入ActivatedRoute模块
) {
activatedRoute.queryParams.subscribe(queryParams => {
let productId = queryParams.productId;
let title = queryParams.title;
});
}
ok，就这样完美的解决了。
以上这篇浅谈angular4.0中路由传递参数、获取参数最nice的写法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持小牛知识库。
-
本文向大家介绍浅谈Python中函数的参数传递，包括了浅谈Python中函数的参数传递的使用技巧和注意事项，需要的朋友参考一下 1.普通的参数传递 2.参数个数可选,参数有默认值的传递 参数sep的缺省值是'_' 如果这个参数不给定值就会使用缺省值 如果给定 则使用给定的值 需要注意 如果一个参数是可选参数 那么它后面所有的参数都应该是可选的,另外 可选参数的顺序颠倒依然可以正确的给对应的参数赋值
-
例如，在具有分页列表的路由上，网址可能如下所示，表示我们已加载第二个网页： 使用指令和来传递查询参数。例如： 或者，我们可以使用服务通过JS跳转： 读取查询参数 See Official Documentation on Query Parameters
-
本文向大家介绍如何获取路由传过来的参数？相关面试题，主要包含被问及如何获取路由传过来的参数？时的应答技巧和注意事项，需要的朋友参考一下 如果使用方式传入的参数使用 接收 如果使用方式传入的参数使用接收 参考：路由组件传参
-
问题内容： 是否可以使用反射API将参数传递给Java中的方法？ 是否可以使用诸如AspectJ之类的AOP库来实现这一目标？ 我在Android上运行。 。 问题答案： 是否可以使用诸如AspectJ之类的AOP库来实现这一目标？ 当然可以。这是AspectJ中典型的初学者练习，如下所示： 现在，您只需要编写一个方面即可拦截所有方法执行（以及可选的构造函数执行，如下所示）： 运行时，此方面将打印
-
路由参数 路由分组及规则定义支持指定路由参数，这些参数主要完成路由匹配检测以及行为执行。5.1版本极大改进了路由参数的用法。 路由参数可以在定义路由规则的时候直接传入（批量），不过5.1采用了更加面向对象的方式进行路由参数配置，因此使用方法配置更加清晰。 参数 说明 方法名 method 请求类型检测，支持多个请求类型 method ext URL后缀检测，支持匹配多个后缀 ext deny_ex
-
我在导航菜单中有下拉菜单来更改区域设置。但我不知道如何获得参数。如何获取当前参数？ 当前参数:slug、quiz_id、id等 navigaiton菜单刀片： 我有不同的路线。 web.php