angular5项目下利用router navigate实现页面跳转 angular

1.需要引入
import {Router} from '@angular/router';
2.ts中添加触发方法
navigate(){
this.router.navigate(['targetRouter'], {
queryParams: {
id: this.selectedId,
}
});
}
targetRouter:需要跳转到的路径
3.目标路径接受参数
【angular5项目下利用router navigate实现页面跳转】constructor(
injector: Injector,
private activatedRoute: ActivatedRoute,
public router: Router
) {
super(injector);
}
在页面初始化时接受参数
ngOnInit() {
this.activatedRoute.queryParams.subscribe(queryParams => {
let id = queryParams.id;
if(queryParams!=null){
...
}

angular5项目下利用router navigate实现页面跳转

推荐阅读

传奇好听的名字

佛法讲的放下与我们平常讲的释怀接近吗？

男人“自摸”更“强大”

win10麦克风已经调最大怎么声音还是很小

女性微信名字顺利带财女性微信名

bootp什么意思

衣服能用84消毒吗

阿里云网盘免费吗

PSV评测

水果银耳汤的做法银耳鲜果滋补汤怎么做

酵素浴是什么有什么作用

碗和玻璃瓶除了用来扔Tom还可以用来干什么猫和老鼠手游9.30答案

麻辣烫的配方

蚊子的寿命有多长蚊子吸血后的寿命

逍遥模拟器安卓5.1

减肥期间可以吃冬枣吗

微波炉酸奶加热的正确方法窍门微波炉酸奶加热的正确方法

海尔空调怎么收氟图片,不单单是一种原因

支付宝淘票票怎么领取饿了么会员淘票票领取饿了么会员方法

湖北十堰卫生局官网十堰卫生健康网