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();