什么是 ngx-bootstrap-growl？
ngx-bootstrap-growl 是一个基于 Angular 的 UI 组件库，它提供了一个非常简单易用的提示框组件，您可以使用它来快速的增强您的 Angular 应用的用户体验。
安装 ngx-bootstrap-growl
要使用 ngx-bootstrap-growl，您需要先安装它，打开命令行窗口，执行以下命令：
npm install ngx-bootstrap-growl --save
使用 ngx-bootstrap-growl
要在您的代码中使用 ngx-bootstrap-growl，您需要引入 GrowlModule，以及在您的组件中 Inject 使用它来显示提示框。
以下是示例代码：
-- -------------------- ---- ------- ------ - ---------- ------ - ---- ---------------- ------ - ------------- --------- - ---- ---------------------- ------------ --------- ----------- --------- - ------- ---------------------------- ------- ---------------- ------- -------------------------- ----- ---------------- - -- ------ ----- ------------ - --------------------------------- ------- ------------- ------------- -- ------------- - --------------------------------------- ----- -- - ------- --------- ------------------- - ----------- - ------------------------------------- ----- -- -- ----- --------- ----------------- - -展开代码
参数说明
addMessage方法的第一个参数表示提示框的标题。addMessage方法的第二个参数表示提示框的内容。addMessage方法的第三个参数表示提示框的类型，可选值为：GrowlType.SUCCESS成功提示框GrowlType.ERROR错误提示框
总结
通过 ngx-bootstrap-growl 这个简单易用的 npm 包，您可以快速地为您的 Angular 应用增加一个漂亮且功能强大的提示框组件。希望本文的介绍能够对您有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055cc281e8991b448da5f6
