1、引入Module
import {GrowlModule} from 'primeng/primeng';
在@NgModule中imports中引入GrowlModule。
2、Html中
<p-growl [(value)]="msgs" ></p-growl>
3、component.ts中
先声明
public msgs: any;
使用
this.msgs = [{
severity: 'error',
summary: '提示',
detail: "亲,您的用户名或密码不对!"
}]
return;
severity有四种:成功(success)、信息(info)、警告(warn)、错误(error)
完成!
本文介绍如何使用 Primeng 的 Growl 组件显示不同类型的反馈消息,包括错误、警告等,并展示了如何在 Angular 项目中配置及使用该组件的具体步骤。
525





