Javascript AngularJS工具提示工具提示打开不工作

我有一个需要密码的模式窗口。如果输入为空，则会出现错误，我希望在出现错误时显示工具提示

<input type='password' class='form-control' id='password' ng-model='user.password' uib-tooltip='{{error_msg}}' tooltip-placement='right' tooltip-trigger='none' tooltip-is-open='true' tooltip-class='tooltip_error' tooltip-enable='{{error}}' autofocus>

目前，如果没有错误，则根本不显示工具提示。一旦出现错误，它将显示错误消息，但我必须将鼠标悬停在文本框上以显示工具提示。同时，我将

工具提示设置为打开

到

为真

，以测试它，但它目前不起作用

---

有什么想法吗？

从

工具提示中删除
插值运算符（{{}）
，启用

指令使其工作，因为它指向

范围

属性

更改您的代码，如：

<input type='password' class='form-control' id='password' ng-model='user.password' uib-tooltip='tootltip text : {{error_msg}}' tooltip-placement='right' tooltip-trigger='none' tooltip-is-open='true' tooltip-class='tooltip_error' tooltip-enable='error' autofocus>

更新：

uib工具提示

指令将文本作为输入，因此我们需要将插值运算符放入其中

---

请看此

我的项目仍在运行AngularJS

我们对所有依赖项进行了重大更新，并注意到这是一个问题

"angular": "1.7.8",
"angular-ui-bootstrap": "2.5.6",

自从升级以来，我们最近注意到，当鼠标悬停或工具提示启用设置为true时，uib工具提示没有显示。无论我从他们的网站或其他答案中找到了什么指示，我都无法让他们显示出来。调试时，我可以暂停脚本并看到uib工具提示弹出窗口被添加到DOM中，但默认情况下其不透明度为0。元素似乎缺少一个“.active”类，我相信它会将不透明度更改为.9或1

为了快速解决问题，我简单地添加了一个.less规则

div[uib-tooltip] {
 &:hover + div[uib-tooltip-popup]{
 opacity: 0.9 !important;
 }
}

div[uib-tooltip-html] {
 &:hover + div[uib-tooltip-html-popup]{
 opacity: 0.9 !important;
 }
}

---

这些工具提示和工具提示html都适用。但是，只有在不将其添加到主体（工具提示附加到主体）时，它们才起作用。默认情况下，tooltip弹出元素被添加为uib工具提示的同级元素（至少在angularjs中），因此是同级规则。

当我删除

{}

时，它只打印“error\u msg”，但

tooltip enable

的bool结果按其应该的方式工作。@J.Do:您必须

error\u msg

作为$scope属性，例如

$scope.error\u msg=“error in password”

是的，这是我以前做过的，但只有当它包装在

{}

中时才起作用。我还需要将鼠标悬停在文本框上方，工具提示才会出现。@J.Do：刚刚意识到，

uib tooltip

指令只接受文本，因此要使用它，我们应该在工具提示中只包含插值，也正在更新答案。谢谢，但我仍然遇到同样的问题，我必须将鼠标悬停在文本框上以显示工具提示，而不是在错误设置为true时将其处于活动状态而不将鼠标悬停。