Title: AngularJS set Bootstrap glyphicon Title
Tags: angularjs;twitter-bootstrap
Question: In my form page I have one Bootstrap glyphicon
<i class="glyphicon glyphicon-info-sign" title="" style="float:right; top:4px;"&gt;</i&gt;
I want to set the value of ng-model="organization.orgName" inside title="" of the Bootstrap glyphicon. So that I can see the info when I am doing mouse over on this icon.
So please help me how can I do this.
I am using AngularJS and Bootstrap v3.3.7.

Here is the accepted answer: Is pretty simple, just put the variable in angular expresion (interpolation) for title (PLUNKER):
CONTROLLER:
$scope.title = 'Info';
<i class="glyphicon glyphicon-info-sign" title="{{myTitle}}"&gt;</i&gt;
If you are using angular version >= 1.3 you can disable the two way data binding for better performance with this syntax: title="{{75b5:f2c1:f5d7:b954:8dc3:cee9:baf:a8c0myTitle}}"


{'source': 'StackExchangeDataset', 'subset': 'stackoverflow.com', 'metadata': {'AnswerCount': 1, 'CommentCount': 0, 'ContentLicense': 'CC BY-SA 3.0', 'CreationDate': '2017:00:05/23/17', 'FavoriteCount': None, 'PostTypeId': 1, 'Tags': '<angularjs><twitter-bootstrap>', 'Title': 'AngularJS set Bootstrap glyphicon Title', 'ViewCount': 554, 'id': 44144144, 'user_AboutMe': None, 'user_AccountId': 4201054.0, 'user_DisplayName': 'user3441151', 'user_Reputation': 1783.0, 'user_Views': 313.0, 'user_id': 3441151.0}}