Angular EasyUI 消息窗口

消息窗口（ Messager ）提供不同樣式的消息窗口，如警示（ alert ）、確認(rèn)（ confirm ）等。 消息窗口（ Messager ）都是異步的。用戶(hù)可以在與消息窗口交互后使用回調(diào)函數(shù)以完成一些動(dòng)作。

屬性列表

注：
- 繼承： DialogComponent 。
- 選擇器： eui-messager 。

使用方法

<eui-messager [showHeader]="false" borderType="無(wú)">
    <ng-template euiBodyTemplate let-messager>
        <div class="m-content">
            <h2>{{messager.title}}</h2>
            <p>{{messager.msg}}</p>
            <div class="m-buttons">
                <eui-linkbutton *ngFor="let button of messager.buttons" 
                        [text]="button.text" 
                        (click)="messager.closeDialog(button)">
                </eui-linkbutton>
            </div>
        </div>
    </ng-template>
</eui-messager>

• 參考圖例

消息服務(wù)（ MessagerService ）

• 方法列表

注：
- 繼承： None 。

• 使用方法

this.messagerService.alert({
    title: 'Error',
    icon: 'error',
    msg: 'Here is an error message!'
});
this.messagerService.confirm({
    title: 'Confirm',
    msg: 'Are you confirm this?',
    result: (r) => {
        if (r){
            alert('confirmed: '+r);
        }
    }
});