简介
ngm-common-dialogs 是一个基于 Angular Material 的管理系统常用对话框组件库。它包含了常见的确认对话框、信息提示对话框、输入框等等。该组件库简单易用，可以大大提高管理系统的开发效率。
安装
使用 npm 安装 ngm-common-dialogs：
npm install ngm-common-dialogs --save
使用
首先，需要在你的模块中引入 CommonDialogsModule，并把它加入到 imports 中：
-- -------------------- ---- -------
------ --------------------- ---- ---------------------
-----------
-------- -
-------------
-------------------
--
-- ---
--
------ ----- ---------- --接着，在组件中引入 CommonDialogService：
import {CommonDialogService} from 'ngm-common-dialogs';
constructor(private dialogService: CommonDialogService) {}然后，就可以使用 CommonDialogService 中的各种对话框了，比如确认对话框：
-- -------------------- ---- -------
----------------------------
------ -------
-------- -------------
------- -----
----------- ----
------------------- -- -
-- -------- -
-- -----------
- ---- -
-- -----------
-
---还有信息提示对话框：
this.dialogService.alert({
title: '保存成功',
message: '数据已经成功保存。'
}).subscribe();以及输入框：
-- -------------------- ---- -------
---------------------------
------ -------
-------- -----------
------------- ----
------------------- -- -
-- ------- --- ----- -
-- ------------------
-------------------- - --------
- ---- -
-- -----------
-----------------------
-
---配置
ngm-common-dialogs 可以通过调用 CommonDialogConfig 的 configure 方法来对各种对话框进行全局配置。比如：
-- -------------------- ---- ------- ----- ------ - --- --------------------- -- ------------- ----------------- - -------- ------------------ - -------- -- ------------ -------------------- - ------- ------------------------ - ------- -------------------------------------
结语
通过 ngm-common-dialogs，我们可以方便地使用各种管理系统常用对话框，从而提高开发效率。同时，通过全局配置，我们也可以自己定制各种对话框的外观和行为。希望这篇文章对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005629781e8991b448dfc56