Dynamically changing angular-tooltips content on form errors

Question

I am trying to integrate angular-tooltips with input form. I want to change tooltip text on registrationForm.email.$error object change.

HTML:

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

Controller:

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

above code changes <div> value but it doesn't change <input>'s 'tooltip-html' attribute value. Am I missing anything or is it a bug?

I am using this angular-tooltips library https://github.com/720kb/angular-tooltips

do you have any idea how we can use tooltip-show-trigger with custom events or something similar. I want to show tooltip at page load but onload, load, onready etc are not working. Any idea, how we can do it? — Vikasdeep Singh
– Vikasdeep Singh, Commented Jul 6, 2018 at 7:50

Shaishab Roy · Accepted Answer · 2015-08-19 15:28:56Z

1

you should use

tooltip-title="{{ emailToolTip }}"

instead of

tooltip-html="{{ emailToolTip }}"

answered Aug 19, 2015 at 15:28

Shaishab Roy

16.9k7 gold badges56 silver badges69 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Rohan Chandane Over a year ago

Great! it works, but I was wondering why html doesn't work. I want to add some html content in it.

Shaishab Roy Over a year ago

If it solved your problem you can accept this solution. thanks

Rohan Chandane Over a year ago

Its added as a feature in this library now github.com/720kb/angular-tooltips/issues/78

ThibaudL · Accepted Answer · 2015-08-19 14:31:41Z

0

Looking at your link I'd guess you should look to : "Tooltip view controller" in order to have a dynamic content

answered Aug 19, 2015 at 14:31

ThibaudL

1,0099 silver badges16 bronze badges

Collectives™ on Stack Overflow

Dynamically changing angular-tooltips content on form errors

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related