angular—growl(消息提示)

前端之家收集整理的这篇文章主要介绍了angular—growl(消息提示)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

1、引入Module

import {GrowlModule} from 'primeng/primeng';
在@NgModule中imports中引入GrowlModule。

2、Html中

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

3、component.ts中
先声明

  1. public msgs: any;

使用

  1. this.msgs = [{
  2. severity: 'error',summary: '提示',detail: "亲,您的用户名或密码不对!"
  3. }]
  4. return;

severity有四种:成功(success)、信息(info)、警告(warn)、错误(error)

完成!

猜你在找的Angularjs相关文章