没有错误，但MessageService不会显示任何内容

Question

我按照官方站点（https://www.primefaces.org/primeng/#/messages）的说明使用文档，但是在编译后我没有收到错误和消息。

在不同的组件上尝试相同的代码，没有任何效果。

component.ts：

import { MessageService } from "primeng/api";

constructor(private messageService : MessageService, ... 


showViaService() {
this.messageService.add({severity:'success', summary:'Service Message', detail:'Via MessageService'});

}

component.html

 <button mat-raised-button color="primary" (click)="showViaService()">Test Message Service</button>

angular.json

"styles": [
  "node_modules/primeicons/primeicons.css",
          "node_modules/primeng/resources/themes/nova-light/theme.css",
          "node_modules/primeng/resources/primeng.min.css" ...

app.module.ts

 import {MessageService} from 'primeng/api';
 import {ToastModule} from 'primeng/toast';

 imports: [ToastModule, 


 providers: [MessageService]

没有错误，什么也没有。

Answer 1

没关系，我意识到我没有在html上的任何地方显示烤面包消息...

插入后       

对我的app.component.html来说效果很好。