PrimeNG MessageService调用无法显示Toast提示，移至ngOnInit仍无效

核心问题分析 #

你遇到的Toast提示不显示问题，大概率是以下几个原因导致：

• 缺少Toast的DOM容器组件
• 路由state的获取时机/方式不正确
• MessageService实例不唯一

步骤1：确认模板中存在Toast容器 #

PrimeNG的MessageService必须配合模板中的<p-toast>组件才能显示提示，先检查管理评估页面的模板文件（如evaluations.component.html）是否添加了该容器：

<!-- 必须添加这行代码，可放在模板任意位置（通常放在页面底部） -->
<p-toast></p-toast>

步骤2：用Angular官方方式获取路由state #

直接访问window.history.state存在时机问题，Angular提供了更可靠的方式通过ActivatedRoute获取导航状态：

1. 在组件中注入ActivatedRoute：

constructor(
  private messageService: MessageService,
  private examService: ExamService,
  private evaluationService: EvaluationService,
  private userService: UserService,
  private activatedRoute: ActivatedRoute // 新增注入
) {}

2. 在ngOnInit中获取导航携带的state：

ngOnInit(): void {
  // 获取当前导航的额外参数
  const navigation = this.activatedRoute.getCurrentNavigation();
  if (navigation?.extras?.state?.evaluation) {
    const evaluation = navigation.extras.state.evaluation;
    this.messageService.add({ 
      severity: 'success', 
      summary: 'Evaluación generada', 
      detail: `Se agregó la evaluación para el usuario ${evaluation.applicant.name}`
    });
  }
}

步骤3：确保MessageService是单例 #

如果在多个模块的providers数组中都声明了MessageService，会导致创建多个实例，调用时可能找不到对应的Toast容器。建议改为根级注入：

修改MessageService的装饰器：

import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root' // 根级注入，自动成为单例
})
export class MessageService {}

之后可以移除组件模块providers中的MessageService声明。

额外验证点 #

• 确认导航时传递的this.evaluation对象完整，applicant.name不为空或undefined
• 检查浏览器控制台是否有报错（比如DOM相关错误、变量未定义错误）

内容的提问来源于stack exchange，提问作者Ricardo Ruíz Alarcón