Angular EasyUI 对话框

对话框（ DialogComponent ）是一个特殊类型的窗口。它的顶部有一个工具栏，底部有一个按钮栏。对话框（ DialogComponent ）在默认情况下，只有一个显示在右侧的关闭工具。用户可以自行配置对话框行为以显示其他工具。

属性列表

名称	数据类型	作用描述	默认值
title	string	对话框标题。	null
border	boolean	是否显示边框。	false
borderType	string	定义对话框边框类型。可选值为:thin,thick,none。	thick
closable	boolean	是否显示关闭按钮。	true
modal	boolean	对话框是否是模态对话框。	false

事件列表

名称	参数	作用描述
open	none	对话框打开时触发。
close	none	对话框关闭时触发。

方法列表

名称	参数	返回值	作用描述
open	none	void	打开对话框。
close	none	void	结束对话框。
moveToTop	none	void	对话框移动到屏幕上方。
center	none	void	在屏幕上居中显示对话框。
hcenter	none	void	对话框只能水平居中。
vcenter	none	void	对话框只能垂直居中。

注：
- 继承： PanelComponent 。
- 选择器： eui-dialog 。

使用方法

<eui-dialog
        [title]="'Basic Dialog'"
        [panelStyle]="{width:'400px',height:'200px'}"
        [modal]="true">
    <p style="text-align:center;margin:50px 0;font-size:16px">The Dialog Content。</p>
</eui-dialog>

参考图例：