在angular 9中使用PrimeNG growl模块

在Angular 9中使用PrimeNG Growl模块，可以实现在应用程序中显示通知消息的功能。PrimeNG是一个开源的UI组件库，提供了丰富的UI组件和功能，其中包括Growl模块。

概念： Growl模块是PrimeNG中的一个通知消息组件，用于在应用程序中显示成功、错误、警告等通知消息。它可以以可定制的方式显示消息，并提供了一些选项来控制消息的外观和行为。
分类： Growl模块可以根据消息的类型进行分类，常见的类型包括成功、错误、警告和信息。每个类型的消息可以使用不同的样式和图标来区分。
优势：

简单易用：使用PrimeNG Growl模块可以轻松地在Angular 9应用程序中实现通知消息功能。
可定制性：Growl模块提供了丰富的选项和样式，可以根据需求自定义消息的外观和行为。
多样化的消息类型：可以根据不同的情况显示不同类型的消息，提高用户体验。

应用场景：

表单验证：在表单提交时，可以使用Growl模块显示验证错误消息。
操作结果提示：在用户执行某个操作后，可以使用Growl模块显示操作结果，如成功、失败等。
系统通知：在系统发生重要事件或状态变化时，可以使用Growl模块显示通知消息。

推荐的腾讯云相关产品和产品介绍链接地址：腾讯云提供了丰富的云计算产品和服务，可以用于支持Angular 9应用程序的部署和运行。以下是一些推荐的腾讯云产品和产品介绍链接地址：

云服务器（CVM）：https://cloud.tencent.com/product/cvm
云数据库MySQL版（CDB）：https://cloud.tencent.com/product/cdb_mysql
云存储（COS）：https://cloud.tencent.com/product/cos
人工智能（AI）：https://cloud.tencent.com/product/ai

请注意，以上链接仅供参考，具体的产品选择应根据实际需求和项目要求进行评估和决策。

总结：在Angular 9中使用PrimeNG Growl模块可以实现通知消息的显示功能，它简单易用、可定制，并适用于各种应用场景。腾讯云提供了多种云计算产品和服务，可以支持Angular 9应用程序的部署和运行。

在angular 9中使用PrimeNG growl模块

angular、primeng、angular9

我刚刚更新了我的项目到Angular 9，我也更新了PrimeNG到9.1.2。现在我的 import {GrowlModule} from 'primeng/primeng'; 不起作用，它就会说该目录中没有GrowlModule。我知道在版本9中，一些导入发生了变化，所以我也尝试了primeng/api，但它也不存在。谁能告诉我在哪里可以找到这个模块？

浏览 22提问于2020-07-03得票数 4

回答已采纳

3回答

PrimeNG咆哮不能绑定到'value‘，因为它不是'p- Growl’的已知属性

angular、primeng

我是PrimeNG的新手，但我发现你可以用它来创造美丽的东西。我试图从PrimeNg构建一个咆哮，但我一直收到这样的错误：“无法绑定到'value‘，因为它不是’p- growl‘的已知属性”。我使用了来自PrimeNG的“消息”，这一条工作得很好，所以我不知道我做错了什么，因为另一条确实可以工作。import {NgModule} from '@angular/core'; import {BrowserModule} from '@<

浏览 0提问于2017-04-09得票数 8

1回答

通过“`ng”运行角4应用程序时出现的运行时错误

angular、webpack、angular-cli

我有一个Spring项目，它在前端使用了角。我最近把我的项目从角2升级到了角4。在升级之前和之后，我都可以构建和运行我的应用程序，当它被打包成war并在我的tomcat服务器上运行时，它运行得非常好。但是，在开发前端更改时，我将通过角cli命令ng serve分别运行前端。当我在2号角的时候，那是非常好的工作。现在我使用了角4，当我通过ng serve运行应用程序时，当我试图在浏览器中加载应用程序时，我在开发人员控制台中得到了以下错误。{FormsModule} fr

浏览 0提问于2017-09-13得票数 1

回答已采纳

1回答

PrimeNG -无法导入GrowlModule

angular、typescript、angular5、primeng

PrimeNg版本："^6.0.0“从GrowlModule库导入PrimeNg时获取以下错误。错误错误:未知(承诺)：错误:获取错误: 403禁止实例化加载错误:获取错误: 403禁止 import { GrowlModule } from 'primeng/growl'; 而其他模块，如SliderModule，DataScrollerM

浏览 0提问于2018-06-26得票数 0

2回答

如何清除报警器中的祝酒词？

angular、primeng

我正在使用Angular8和Primeng-8.1.1版本的咆哮。当有多个吐司信息时，屏幕看起来非常不清晰，因为有多条祝酒词。我想删除所有之前打开的祝酒词。现在，我正在使用下面的代码，根据primeng文档。但它并没有清除旧的祝酒词。

浏览 0提问于2020-07-07得票数 0

回答已采纳

2回答

PrimeNG：“P-table”不是已知的元素

angular、typescript、primeng

我正在开发一个Range6应用程序，我需要用PrimeNG 7.0.5创建一个切换表，但是当我尝试使用<p-table>时，我遇到了这个问题我已经在我的TableModule中导入了app.module.ts。, HttpClientModule } from '@angular/common/http'; import { HttpModule } from '@

浏览 1提问于2019-01-29得票数 5

回答已采纳

2回答

使用自定义模块应用primeng

angular、primeng

我为primeng 创建了单独的自定义模块。 import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular'

浏览 0提问于2019-05-25得票数 2

回答已采纳

1回答

在Karma中使用PrimeNG组件时出错

angular、typescript、jasmine、karma-runner、karma-jasmine

我对你们很感兴趣： destroy@C:/Users/wlaw/Desktop/ens_fits_ui/karma-shim.js:41076:34 <- webpack:///~/@<em

浏览 1提问于2017-01-20得票数 1

回答已采纳

1回答

PrimeNG数据表即使在导入DataTableModule后也不显示在角2中

angular、primeng

package.json{ <script src="node_modules/<em

浏览 0提问于2017-06-24得票数 0

1回答

导入未被组件文件拾取

angular、typescript

';import { FormsModule } from '@angular/forms'; import {Calendar, Dialog, Button, InputSwitch, Dropdown, Growl, DataTabl

浏览 2提问于2016-10-12得票数 0

回答已采纳

2回答

安装angular/core对等依赖

angular

我最近尝试了Angular 9.0.0-rc.7，但结果是看到了许多安装早期Angular版本的对等依赖项的消息，例如： primeng@9.0.0-rc.2 requires a peer of @angular/core@^7.0.0 || ^8.0.0 || ^9.0.0 but none is installed.通常，对于对等依赖项，我会执行如下命令： npm install <package> --save 然而，如果它是像angular/core这样的主要角度

浏览 60提问于2019-12-24得票数 0

3回答

PrimeNG面板菜单不工作

angular、primeng

我会将PrimeNG面板菜单集成到我的应用程序中。MenuItemimport {MenuItem} from 'primeng/primeng';中： <p-panelMenu [model]="items" [style]="{'width':'300px'}">&l

浏览 0提问于2018-03-23得票数 0

回答已采纳

4回答

不能绑定到“value”，因为它不是“”的已知属性。

angular、primeng、aspnetboilerplate

我正在开发带有角的aspnetzero应用程序，但是当我在property中分配类别属性的值时，我在浏览器控制台中得到了这个错误： import { Component, Injector, OnInit } from '@angular/core'; import { DataTableModule, Shar

浏览 0提问于2017-11-15得票数 11

回答已采纳

1回答

PrimeNG 10.0.3 -错误NG8001：“P-tabView”不是已知的元素

primeng

我在一个角10应用程序中使用PrimeNG 10.0.3。在它中，我导入了几个PrimeNG组件并使用它们，没有问题。然而，当我尝试使用TabView模块时，我得到了error NG8001：‘p’不是一个已知的元素，以及error NG8001：‘p’不是一个已知的元素。我创建了一个名为primng.module的模块，其中托管了所有PrimeNG导入：import { NgModule } from &#x

浏览 2提问于2020-11-08得票数 0

回答已采纳

1回答

普利蒙与杰普斯特

jhipster、primeng

我有jhipster 6.6.0版本，我想在我的应用程序中使用primeng。执行命令后：每件事都是可以的，但是我跑了：我得到了一个错误：npm ERR!notarget No matching version found for @angular/cdk@^8.2.14. npm ERR!

浏览 6提问于2020-02-04得票数 1

回答已采纳

1回答

无法在第二个角度模块中使用primeng

angular、primeng

我一直在尝试使用角中的共享模块导入，然后将primeng模块导出到app.module.ts和使用者站点。Primeng是在app.module.ts中声明的组件中工作的，而不是我创建的consumer site.module.ts组件。我不知道为什么它在一种而另一种不起作用。在AddEditQuestionComponent中工作，在app.module.ts中声明，而在ConsumerSiteModule中没有声

浏览 7提问于2022-07-02得票数 -1

回答已采纳

2回答

查找名称时app.module错误

angular、typescript

我目前正在创建一个角2项目，但是我无法通过在我的控制台中获得的这两个错误。import { NgModule } from '@angular/c

浏览 1提问于2016-10-12得票数 1

回答已采纳

4回答

将PrimeNG与JHipster集成的步骤

webpack、jhipster、primeng

我们一直试图将PrimeNG组件集成到JHipster (Range4)生成的项目中，但没有成功。在下载并将PrimeNG安装到我们的项目之后，我们可以导入类，但是当我们将相应的标记包含到模板中时，什么都不会被绘制出来。我们已经测试了几个PrimeNG组件。此外，我们在app.module中完成了导入，等等。我希望更具体一些，但是在任何地方都不会显示错误。您对如何与PrimeNG和JHipster一起工作有任何提示吗？谢谢

浏览 7提问于2017-05-24得票数 13

回答已采纳

2回答

PrimeNG的数据表未触发onRowSelect事件

typescript、angular、primeng

我目前正在测试PrimeNG，并尝试使用数据表。除了事件之外，一切都很正常。我尝试使用Growl在选中一行时显示一条消息(就像PrimeNG网站上的Events演示)。我目前有这个：import { REACTIVE_FORM_DIRECTIVES} from '@angular&#

浏览 0提问于2016-07-28得票数 4

回答已采纳

1回答