ng2ds-user-alerts 是一个 Angular 2+ 的用户提示库,它提供了一些常见的用户提示类型和样式,使您可以轻松地在应用程序中添加可定制的提示。
安装
使用 npm 安装 ng2ds-user-alerts:
--- ------- ----------------- ------
在您的模块中导入模块:
------ - ---------------- - ---- -------------------- ----------- -------- - ---------------- -- ------------- --------------- ---------- -------------- -- ------ ----- --------- - -
使用
导入用户提示服务:
------ - ---------------- - ---- --------------------
在您的组件中注入服务:
------------------- ----------------- ----------------- - -
在需要弹出提示的位置调用用户提示服务:
-------------------------------------------
支持的提示类型
------------------------------------------- ---------------------------------------- ------------------------------------------- ------------------------------------------
支持的配置项
timeout
- 数字,以毫秒为单位,控制提示框显示的时间,默认为 5000 毫秒。dismissible
- 布尔值,如果为 true,则用户可以通过点击提示框上的“X”来关闭提示框。默认为 true。
------------------------------------------ - -------- ----- ------------ ----- ---
示例代码
------ - --------- - ---- ---------------- ------ - ---------------- - ---- -------------------- ------------ --------- ----------- --------- - ------- --------------------------------------- ------- ------------------------------------ ------- --------------------------------------- ------- -------------------------------------- -- -- ------ ----- ------------ - ------------------- ----------------- ----------------- -- ------------- - ------------------------------------------- - ---------- - ---------------------------------------- - ------------- - ------------------------------------------- - ------------ - ------------------------------------------ - -
总结
使用 ng2ds-user-alerts 库可以轻松地向您的应用程序添加可定制的提示。在您的模块中导入模块,注入用户提示服务,然后根据需要调用不同的提示类型和配置选项。这个库可以节省您的时间和精力,并提高您的应用程序的用户体验。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/6005582481e8991b448d54f9