AngularJS设置Bootstrap glyphicon Title

Question

在我的表单页面中，我有一个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。

Answer 1

非常简单，只需将变量放在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}}"