简介
angular2-message-service 是一个 Angular2 框架下开发的消息提示组件库, 由于 Angular2 官方提供的消息提示组件不够灵活,所以一个社区开发了这个 npm 包来满足开发者对于消息提示的需求。
本文将详细介绍如何使用 angular2-message-service 这个 npm 包,让你轻松实现各种消息提示样式,通过该教程的学习,你不仅可以掌握 angular2-message-service 的使用方法,还可以学习到如何编写自定义指令和组件的方法。
安装
安装方式如下:
--- ------- ------------------------ ------
使用方法
在使用 angular2-message-service 前需要先导入模块,使用方式如下:
导入模块
------ ---------------- ---- ---------------------------
显示消息
在你的组件中实例化该服务:
------------------ --------------- --------------- --
发送消息的方式如下:
-------------------------- -------- ------------- --------- ---------- -- ---- ----------- -- -------------------- ------- -- ---------- ------------------ --------- ---- ---
显示更多类型的信息:
----------------------------------- ---------- -------- -------- --------- ------- ------ --------- ---------------- ----------------------------------- ------- -------- ----- --------- ------- -------- --------- ----------------------------------- ------- -------- ----- --------- ------- ------ --- ------- ----------- ----------------------------------- -------- -------- ------ --------- ------- ----------- ----------
示例代码
---- ------------------ ------ ---- ----- ------- ---------------------------------------- ------- ---------------------------------- ------- ---------------------------------- ------- ------------------------------------ ------
------ - --------- - ---- ---------------- ------ - -------------- - ---- --------------------------- ------------ --------- ----------- ------------ ----------------------- ---------- ----------------------- -- ------ ----- ------------ - ------------------- --------------- --------------- -- ------------- - -------------------------- --------- ---------- -------- -------- --------- ------- ------ --------- ------------- --- - ---------- - -------------------------- --------- ------- -------- ----- --------- ------- -------- ------ --- - ---------- - -------------------------- --------- ------- -------- ----- --------- ------- ------ --- ------- -------- --- - ----------- - -------------------------- --------- -------- -------- ------ --------- ------- ----------- ------- --- - -
结尾
本文介绍了如何使用 angular2-message-service,以及如何通过它实现各种消息提示,如果你对于本篇文章的学习有所收益,欢迎在下方评论区留言,有任何问题也可以在评论区留言,感谢您的阅读和支持!
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/600566b181e8991b448e2f3a