AngularJS设置Bootstrap glyphicon Title

时间:2017-05-23 20:09:57

标签: angularjs twitter-bootstrap

在我的表单页面中,我有一个Bootstrap glyphicon

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

我想在Bootstrap glyphicon的ng-model="organization.orgName"内设置title=""的值。所以当我在这个图标上鼠标悬停时,我可以看到信息。

所以请帮帮我怎样才能做到这一点。 我正在使用AngularJS和Bootstrap v3.3.7。

1 个答案:

答案 0 :(得分:0)

非常简单,只需将变量放在angular expresion (interpolation)标题(PLUNKER)中:

<强>控制器:

$scope.title = 'Info';

<强> HTML:

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

如果您使用角度版本&gt; = 1.3 you can disable the two way data binding,则可以使用以下语法获得更好的效果:title="{{::myTitle}}"