Question

以某种方式可以以编程方式显示/隐藏Angular4中许多元素的工具提示吗？

我有一个errorField指令，当它从订阅的订阅中收到错误时会发出一个事件，我想显示一个工具提示，其中包含我在该事件中从订阅中收到的错误。

它在我们的AngularJS代码库中应该正常工作，因为我们在编译阶段在错误字段指令中注入了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();

Answer 1

如果您将属性的值设置为null，则该属性将被删除：

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

（与其他属性类似）

以编程方式显示/隐藏Angular4中的引导工具提示

1 个答案: