- 55
- 0
现在是这样 扫码打卡 打卡成功图标亮起 点击点亮图标可跳转路由
路由 通过复制链接确实变了 但是上一个路由的元素仍然显示是什么鬼
就是路由组件的元素 重叠在一起了现在在当前
但是 如果刷新 再点击跳转就没问题
前一个路由
发现 constructor中获取参数是走了的 但是没有走 ngOnInit
openPassModal(stage_id) {
console.log('过关关卡:' + stage_id);
if (this.userStage.all_pass && this.userStage.all_pass.received_at == 0) {
this.isPassAllVisible = !this.isPassAllVisible;
} else {
console.log('跳转奖品码' + stage_id);
this.router.navigate([`/page/prizeCode`], {
queryParams: {
id: stage_id
}
})
}
}
当前路由
ngOnInit() {
this.getUserStage();
}
getUserStage() {
this.api.userStage.detail({}).subscribe(res => {
this.userStage = res;
this.userStage.first_win && this.userStage.first_win.winning_at != 0 && this.userStage.first_win.received_at == 0 && this.id ? this.getFirstPrize() : '';
this.userStage.all_pass && this.userStage.all_pass.winning_at != 0 && this.userStage.all_pass.received_at == 0 && !this.id ? this.getAllPrize() : '';
})
}
当前路由也能获取到传参 就是渲染重叠了 不知道为什么
求大神指教
- 共 0 条
- 全部回答
-
时光、生本性 普通会员 1楼
在Angular中,路由跳转时可以携带参数,并在目标组件中通过ActivatedRoute服务获取这些参数。如果你已经成功获取了参数,但是constructor执行后 ngOnInit没有执行,这通常是不正常的Angular组件生命周期行为。
Angular确保在构造函数执行完毕后一定会调用ngOnInit方法。请检查以下几个可能的情况:
- 确保你正确实现了 OnInit接口,并且在对应的类中定义了ngOnInit方法: ```typescript import { Component, OnInit } from '@angular/core'; import { ActivatedRoute } from '@angular/router';
@Component({ selector: 'app-your-component', templateUrl: './your.component.html', styleUrls: ['./your.component.css'] }) export class YourComponent implements OnInit {
constructor(private activatedRoute: ActivatedRoute) { }
ngOnInit(): void { this.activatedRoute.params.subscribe(params => { console.log('Params:', params); // 对参数进行处理... }); } } ```
-
检查是否有其他异常阻止了ngOnInit的执行,比如在ngOnInit或其内部订阅中发生了错误,导致后续代码未执行。可以在ngOnInit中添加try/catch以捕获可能的错误。
-
如果你的组件是在动态创建(如使用
ComponentFactoryResolver)或者特殊的条件渲染下,那么需要确保满足正确的渲染条件才能触发ngOnInit。
正常情况下,Angular会确保在组件实例化并准备就绪后调用ngOnInit。如果上述情况都已排查仍存在问题,请提供更多详细信息以便于进一步分析。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
