angular—growl（消息提示）

　

growl

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）

完成！

文章最后发布于: 2018-04-19 10:06:53

相关阅读

苹果iPhone9最新消息：廉价版iPhone或命名iPhone Xr

A5创业网（公众号：iadmin5）9月12日报道，苹果将于9月12日，北京时间凌晨1点在美国库比蒂诺发布新一代iPhone。在今年苹果新品发布会上，苹果

联璧金融案最新消息：查冻涉案资产约3.5亿元

A5创业网（公众号：iadmin5）8月29日报道，今年6月21日，上海市公安局松江分局对上海联璧电子科技有限公司涉嫌非法吸收公众存款案立案调查

ActiveMQ消息中间件使用

ActiveMQ介绍 ActiveMQ 是Apache出品，最流行的，能力强劲的开源消息总线。ActiveMQ 是一个完全支持JMS1.1和J2EE 1.4规范的 JMS Prov

猎豹移动起诉Kochava：7款应用存在广告欺诈为不实消息

A5创业网（公众号：iadmin5）11月28日报道，应用程序分析公司Kochava日前表示，有8款非常受欢迎的Android应用存在广告欺诈行为，其中7款应用

京东副总裁朋友圈：正面回应"盛传今晚有大消息"事件

A5创业网(公众号:iadmin5）4月5日讯，据悉昨日有网友爆料称，今晚有大消息，疑似指章泽天将会在晚间发布离婚声明的官宣消息，为此京东副总