在表单错误上动态更改角度工具提示内容

时间:2015-08-19 14:22:12

标签: javascript html angularjs tooltip

我正在尝试将angular-tooltips与输入表单集成。我想在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>&#39; tooltip-html&#39;属性值。我错过了什么或者它是一个错误吗?

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

2 个答案:

答案 0 :(得分:1)

你应该使用

tooltip-title="{{ emailToolTip }}"

而不是

tooltip-html="{{ emailToolTip }}"

答案 1 :(得分:0)

查看您的链接我猜您应该注意:&#34;工具提示视图控制器&#34; 为了拥有动态内容