AngularJS＆＃34; {{}}＆＃34; insite title属性不起作用

Question

我使用这个HTML＆amp; 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属性中，此属性的值变为＆＃34; {{msg}}＆＃34;。运行代码后title属性的值：

• 实际：＆＃34; {{msg}}＆＃34;串。
• 预期：＆＃34;错误消息＆＃34;。

为什么会这样？如何解决这个问题？

Answer 1

您可以在此处使用ng-attr-*="{{expression}}"指令，其中*表示attributeName，所以基本上它的作用是什么。从插值中评估expression并在该属性中添加评估值。

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

Answer 2

您可以使用：

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