什么是 ng2-growl
ng2-growl 是一个 AngularJS 2 的通知插件，可帮助前端开发人员快速在页面中添加通知消息的功能，并提供了多种自定义选项。
安装和使用
安装 ng2-growl 只需要使用 npm 进行安装即可，具体的安装步骤如下：
npm install ng2-growl --save
安装完成后，我们就可以开始使用 ng2-growl 了。在使用前，需要在 app.module.ts 中引入 Ng2GrowlModule：
-- -------------------- ---- -------
------ - -------------- - ---- ------------
-----------
-------- -
--------------
--
------------- -
------------
--
---------- --------------
--
------ ----- --------- - -ng2-growl 的使用非常简单，只需要在需要添加通知的地方使用 ng2-growl 的服务即可。以下是一个简单的 ng2-growl 使用示例：
-- -------------------- ---- -------
------ - --------------- - ---- ------------
------------
--------- ---------------
--------- -
------- --------------------------------- ---------------------
-
--
------ ----- ----------- -
------------------- ---------------- ---------------- --
------------------ -
---------------------------------- -- - ------- ----------------
-
-以上代码中，我们在 MyComponent 组件中引入了 ng2-growl 的服务，并在点击按钮时展示成功通知。
ng2-growl 提供了多种类型的通知提醒，包括成功、警告、错误等等，并且可以进行多种自定义的配置，例如显示时长、是否可手动关闭等等。完整的 ng2-growl 配置示例可以参考官方文档。
使用注意事项
在使用 ng2-growl 时，需要在引入 Ng2GrowlModule 后将 Ng2GrowlService 注入到需要使用的组件中，否则将抛出无法注入的错误。
在进行自定义配置时，需要注意配置项的类型和取值范围，否则将会导致无法正常使用。
总结
ng2-growl 是一个简单易用的 AngularJS 2 通知插件，可以帮助前端开发人员很快地在项目中添加通知消息的功能。通过本篇文章我们了解了 ng2-growl 的安装和使用方法，希望本文可以对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600554c981e8991b448d1fa8