【前言】
最近在做的一个功能是当检测到是pk练习进入的界面,然后限时按钮就自动打上勾。
【过程】
1.在显示开始pk的界面的ts定义一个可以标识的字段
pkflag: string; // 跳转界面时的标识
2.然后跳转页面的事件里面带上标识字段的参数
this.router.navigate(['workspace/typing-test'],{
queryParms: {
pkFlag:'true'
}
});
3.在跳转之后的页面的初始化方法中接收这个标识字段的参数
ngOnInit(){
this.activedRoute.queryParms.subscirbe(queryParms =>{
this.pkFlag = queryParms.pkFlag;
});
switch(this.pkFlag){
case 'true';
.....接下来就是写自己的方法了
}
}
要使用上边的跳转需要引用下面的两步
1.import { ActivatedRoute } from '@angular/router';
2. constructor(
public activatedRoute: ActivatedRoute)
至此,就完成了两个界面中传参的问题。
【总结】
成长的路上有很多的贵人相伴,感谢大家。