Angular EasyUI 提示框

當(dāng)用戶的鼠標(biāo)指針停留在某個(gè)元素上時(shí)，該元素出現(xiàn)提示信息窗口用來顯示額外的元素相關(guān)信息。

提示框指令（ TooltipDirective ）

• 屬性列表

• 事件列表

• 方法列表

注：
- 繼承： None 。
- 選擇器： [euiTooltip] 。

• 使用方法

<div style="padding:20px 40px">
    <span euiTooltip="This is a tooltip.">Hover Me</span>
</div>
<div style="padding:20px 140px">
    <span [euiTooltip]="tc">登錄到系統(tǒng)</span>
</div>
<eui-tooltip-content #tc>
    <eui-panel [border]="false" style="width:200px">
        <div style="padding:10px">
            <eui-textbox iconCls="icon-man" style="width:100%"></eui-textbox>
        </div>
        <div style="padding:10px">
            <eui-passwordbox style="width:100%"></eui-passwordbox>
        </div>
        <div style="text-align:center;padding:10px">
            <eui-linkbutton>登錄</eui-linkbutton>
            <eui-linkbutton>取消</eui-linkbutton>
        </div>
    </eui-panel>
</eui-tooltip-content>

提示框內(nèi)容( TooltipContentComponent )

• 屬性列表

• 方法列表

注：
- 繼承： None 。
- 選擇器： eui-tooltip-content 。