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 ，所以基本上它是做什么的。 从插值求值expression ，然后在该属性中添加求值。

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

Answer 2

您可以使用 ：

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