2017-09-02 76 views
0

以某種方式在Angular4中以多種方式編程顯示/隱藏工具提示?在Angular4中以編程方式顯示/隱藏引導工具提示

我有一個errorField指令,當它從訂閱訂閱收到錯誤時發出一個事件,我想顯示一個工具提示,其中包含從該訂閱中收到的錯誤。

它的工作原理與我們的AngularJS代碼庫相似,因爲我們在編譯階段的errorfield指令中注入了uib-tooltip,並且可以在鏈接階段顯示或隱藏它。

編譯階段

element.attr('uib-tooltip',"{{errorMessage}}") 
element.attr('tooltip-trigger', '{"show": "hide"}') 
element.attr('tooltip-placement', 'auto') 
if (attrs.appendErrorFieldToBody == "true") { 
    element.attr('tooltip-append-to-body', true) 
} 
element.removeAttr('error-field') 

鏈接階段

fireCustomEvent(iElement, 'show') 

我知道如何做到這一個元素Angular4管理此上。

@ViewChild('tooltip'): tooltip. 
<input #tooltip="ngbTooltip"> 
this.tooltip.open(); 

回答

0

如果一個屬性的值設定爲null屬性將被刪除:

<div [attr.uib-tooltip]="showTooltip ? errorMessage : null> 

(類似於對於其他屬性)

相關問題