ng2ds-user-alerts 是一个 Angular 2+ 的用户提示库，它提供了一些常见的用户提示类型和样式，使您可以轻松地在应用程序中添加可定制的提示。
安装
使用 npm 安装 ng2ds-user-alerts：
npm install ng2ds-user-alerts --save
在您的模块中导入模块：
-- -------------------- ---- -------
------ - ---------------- - ---- --------------------
-----------
-------- -
----------------
--
------------- ---------------
---------- --------------
--
------ ----- --------- - -使用
导入用户提示服务：
import { UserAlertService } from 'ng2ds-user-alerts';在您的组件中注入服务：
constructor(private userAlertService: UserAlertService) { }在需要弹出提示的位置调用用户提示服务：
this.userAlertService.success('这是一个成功提示！');支持的提示类型
this.userAlertService.success('这是一个成功提示！');
this.userAlertService.info('这是一个信息提示！');
this.userAlertService.warning('这是一个警告提示！');
this.userAlertService.danger('这是一个错误提示！');支持的配置项
timeout- 数字，以毫秒为单位，控制提示框显示的时间，默认为 5000 毫秒。dismissible- 布尔值，如果为 true，则用户可以通过点击提示框上的“X”来关闭提示框。默认为 true。
this.userAlertService.success('这是一个成功提示！', { timeout: 3000, dismissible: false });示例代码
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ---------------- - ---- --------------------
------------
--------- -----------
--------- -
------- ---------------------------------------
------- ------------------------------------
------- ---------------------------------------
------- --------------------------------------
--
--
------ ----- ------------ -
------------------- ----------------- ----------------- --
------------- -
-------------------------------------------
-
---------- -
----------------------------------------
-
------------- -
-------------------------------------------
-
------------ -
------------------------------------------
-
-总结
使用 ng2ds-user-alerts 库可以轻松地向您的应用程序添加可定制的提示。在您的模块中导入模块，注入用户提示服务，然后根据需要调用不同的提示类型和配置选项。这个库可以节省您的时间和精力，并提高您的应用程序的用户体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005582481e8991b448d54f9