无法<a>在 AngularJS 中连接标签内的多个值

Question

我有一个表，其中有一列带有名称。我需要在"名称"列内的括号内添加姓氏。名称是一个超链接。当我在标签之间添加姓氏时，如下所示，我看不到姓氏值。甚至标签内的括号也不会显示在界面中。但是标签外的姓氏变量显示没有任何错误。请帮帮我。

<a nwf-elipsize-contents="{{row.entity[col.field]}}"
data-abc-id="report-grid-{{col.field}}"
title="{{row.entity[col.field]}}" 
ng-href="{{ grid.appScope.getObjectLink(row.entity,col.field) }}">
{{row.entity[col.field]}} ({{row.entity["surname"]}})
</a>
{{row.entity["surname"]}}

Answer 1

使用<span>元素：

<a ng-href="{{ grid.appScope.getObjectLink(row.entity,col.field) }}">
<span nwf-elipsize-contents="{{row.entity[col.field]}}"
data-abc-id="report-grid-{{col.field}}"
title="{{row.entity[col.field]}}">     
{{row.entity[col.field]}}
</span>
<span> ({{row.entity["surname"]}})</span>
</a>
{{row.entity["surname"]}}