javascript - AngularJS "{{}}"站内标题属性不起作用

Question

我使用这个 HTML 和 AngularJS 代码:

<td class="domain-col" ng-init="msg='error message'">
    <span class="label label-warning" ng-show="page.ErrorCode == 11" data-toggle="tooltip" title="{{ msg }}">Error</span>
</td>

此代码在 ng-repeat 内部工作，以便在表中生成行。表中的每一行都用 page 对象表示。每个页面都有ErrorCode。

在 ng-init 上，我将错误代码转换为用户友好的 UI 消息，该消息将打印到 title 属性。

问题在于，将错误消息打印到 title 属性中，该属性的值变成了“{{ msg }}”。运行代码后title属性的值:

• 实际:“{{ msg }}”字符串。
• 预期:“错误消息”。

为什么会发生这种情况？如何解决这个问题？

Answer 1

您可以在此处使用 ng-attr-*="{{expression}}" 指令，其中 * 表示 attributeName，因此基本上它的作用是。通过插值计算表达式并在该属性中添加计算值。

ng-attr-title="{{msg}}"