Angular 2 Primeng 消息服务不显示消息

Question

下面用于显示弹出通知的预定义 Primeng 消息服务

import { MessageService } from "primeng/components/common/messageservice

@Component({
    selector: "student-wizard",
    providers: [MessageService],
    templateUrl: "student-wizard.component.html",
    styleUrls: ["student-wizard.component.css"]
})

constructor(
        private messageService: MessageService)
{}

从 HTML 我们调用以下方法：

 public hideDialog(): void {
        this.messageService.add({
            severity: "info", 
            summary: "Student Updation Terminated",
            detail: "No updation performed"
        });
        this.router.navigateByUrl("studentTask", { relativeTo: this.route });
    }

但是，执行时没有错误，也没有显示弹出消息。

Answer 1

这是因为您正在导航到另一条路线，因此不会显示任何消息。

为避免这种情况，将您的选择器移动到应用级别，如 app.component.html

<p-growl [(value)]="globalService.msgs"></p-growl>

并尝试将来自某个全球服务的所有消息推送到它将使您的导航可用以及消息

Angular 2 Primeng 消息服务不显示消息

Angular 2 Primeng Message Service not showing message

service

message

primeng

angular