Не удалось конкатенировать более одного значения внутри тега в AngularJS

Roshni Johnson спросил: 13 июня 2018 в 03:22 в: angularjs

У меня есть таблица с столбцом с именем. Мне нужно добавить фамилию в скобках внутри столбца "Имя". Имя - гиперссылка. Когда я добавляю фамилию между тегом, как показано ниже, я не могу видеть значение фамилии. Даже скобки внутри тега не отображаются в интерфейсе. но переменная фамилии вне тега отображается без каких-либо ошибок. Помогите мне пожалуйста.

<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"]}}

1 ответ

Есть решение
georgeawg ответил: 14 июня 2018 в 10:43

Используйте элементы <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"]}}
Roshni Johnson ответил: 14 июня 2018 в 02:10
Спасибо, куча @georgeawg. Это сработало!

Дополнительное видео по вопросу: Не удалось конкатенировать более одного значения внутри тега в AngularJS

Controllers in AngularJS

AngularJS ng src directive

Angular modules and controllers