Adding tooltip at input, angular js

Question

I have the following Problem: I have an input field, but it only works without the tooltip, with the tooltip I get undefined.

HTML:

<input type="text" ng-model="DiskPermissions" class="col-md-3 m-x-auto" tooltip='Permissions "Disk"'>
<input type="text" ng-model="DiskPermissions" class="col-md-3 m-x-auto">

Controller:

var diskToAdd={ size: $scope.DiskSizeGB , mountepoint:'/appl/' + $scope.MountPoint , permissions: $scope.DiskPermissions , options: $scope.DiskOptions , owner: $scope.DiskOwner , filesystemType: $scope.DiskFilesystemtype , diskPart: ''};

Welcome to SO! You can format your code by indenting it with four spaces, or just select it and click the {} button. — Thomas
– Thomas, Commented Sep 19, 2016 at 7:15
I'm not sure of what is tooltip ( if its your own directive or a tierce js lib ) but you can add the module 'ui.bootstrap' which provide very nice tooltip and use it with these directives : tooltip-placement="top-right" uib-tooltip="I'm a tooltip" — amdev
– amdev, Commented Sep 19, 2016 at 7:28

Thomas · Accepted Answer · 2016-09-19 07:07:32Z

6

The attribute isn't called tooltip, it's called title:

<input type="text" ng-model="DiskPermissions" class="col-md-3 m-x-auto" title='Permissions "Disk"'>

answered Sep 19, 2016 at 7:07

Thomas

183k57 gold badges383 silver badges510 bronze badges

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

6 Comments

Fabian Over a year ago

On my page it is called tooltip

Thomas Over a year ago

So is it a directive?

Fabian Over a year ago

its the html tooltip attribute. And if i have the tooltip attribute I can see it, so that works, but somehow the ng-model is undefined if i use the tooltip ;(

Thomas Over a year ago

As far as I'm aware, there is no such thing as a "HTML tooltip attribute". The attribute used for displaying tooltips is called title.

Fabian Over a year ago

hmm ok now i get your first answer. I will try it out with title.

|

Nikhil Londhe · Accepted Answer · 2021-03-01 11:15:46Z

1

You can try matTooltip as:

<input type="text" ng-model="DiskPermissions" class="col-md-3 m-x-auto" matTooltip='Permissions "Disk"'>

answered Mar 1, 2021 at 11:15

Nikhil Londhe

512 silver badges7 bronze badges

Collectives™ on Stack Overflow

Adding tooltip at input, angular js

2 Answers 2

6 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related