javascript - AngularJS 工具提示工具提示打开不工作

Question

我有一个需要密码的模态窗口。如果输入为空就会出错，我想在出错时显示工具提示

<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>

就目前而言，如果没有错误，则根本不会显示工具提示。一旦出现错误，它会显示错误消息，但我必须将鼠标悬停在文本框上才能显示工具提示。与此同时，我已将 tooltip-is-open 设置为 true 以对其进行测试，但它目前无法正常工作。

有什么想法吗？

Answer 1

从您的 tooltip-enable 指令中删除 interpolation operators({{}}) 以使其工作，因为它指向 scope 属性.

像这样更改您的代码:

<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-tooltip 指令将文本作为输入，因此我们需要将插值运算符放入其中。 Read more

查看此 plunker