动态更改 angular-表单错误的工具提示内容

Question

我正在尝试将 angular-工具提示与输入表单集成。我想更改有关 registrationForm.email.$error 对象更改的工具提示文本。

HTML:

<input tooltips tooltip-html="{{ emailToolTip }}" tooltip-show-trigger="focus" tooltip-hide-trigger="blur" tooltip-side="right"/>
<div>{{emailToolTip}}</div>

控制器：

$scope.emailToolTip = 'Initial tooltip';
$scope.$watch('registrationForm.email.$error', function (newVal) {
  $scope.emailToolTip = 'Updated tooltip';
}}, true);

以上代码更改了 <div> 值，但没有更改 <input> 的 'tooltip-html' 属性值。我是不是遗漏了什么或者是错误？

我正在使用这个 angular-tooltips 库 https://github.com/720kb/angular-tooltips

Answer 1

看看你的 link 我猜你应该看看："Tooltip view controller" 为了有一个动态内容

Answer 2

你应该使用

tooltip-title="{{ emailToolTip }}"

而不是

tooltip-html="{{ emailToolTip }}"

动态更改 angular-表单错误的工具提示内容

Dynamically changing angular-tooltips content on form errors

javascript

html

angularjs

tooltip