AngularJS gesetzt Bootstrap glyphicon Titel

Question

In meiner Form Seite habe ich eine Bootstrap glyphicon

<i class="glyphicon glyphicon-info-sign" title="" style="float:right; top:4px;"></i> 

ich den Wert von ng-model="organization.orgName" innerhalb title="" des Bootstrap glyphicon festlegen möchten. Damit ich die Info sehen kann, wenn ich mit der Maus über dieses Symbol gehe.

Also bitte helfen Sie mir, wie kann ich das tun. Ich benutze AngularJS und Bootstrap v3.3.7.

Answer 1

ist ziemlich einfach, setzen Sie einfach die Variable in angular expresion (interpolation) für Titel (PLUNKER):

REGLER:

$scope.title = 'Info'; 

HTML:

<i class="glyphicon glyphicon-info-sign" title="{{myTitle}}"></i> 

---

Wenn Sie die eckige Version> = you can disable the two way data binding für eine bessere Leistung mit dieser Syntax verwenden: title="{{::myTitle}}"