Связывать несколько значений с помощью ng-bind

Можно ли связать несколько значений с помощью ng-bind следующим образом:

<p ng-bind="instructor.first_name instructor.last_name"></p>

Всякий раз, когда я пытаюсь это сделать, я получаю следующую ошибку:

Ошибка: синтаксис $синтаксиса синтаксиса

Я знаю, что могу сделать то же самое, используя фигурные скобки

<p>{{instructor.first_name}}{{instructor.last_name}}</p>

но я хотел бы избежать этого, если смогу, поскольку в остальной части базы кода используется ng-bind, и я бы остался последовательным. Спасибо.

Ответ 1

Вы можете использовать "+" для конкатенации выражений. Для вас должно работать следующее: <p ng-bind="(instructor.first_name) + (instructor.last_name)"></p>. Вы можете добавлять фильтры там <p ng-bind="(instructor.first_name | filterName) + (instructor.last_name)"></p>.

Ответ 2

Вы всегда можете использовать ng-bind-template для привязки и форматирования нескольких выражений. Это несколько комбинация ваших ng-bind и фигурных скобок, но я думаю, что это то, что вы ищете.

Ваш пример:

<p ng-bind-template="{{instructor.first_name}} {{instructor.last_name}}"></p>

И, конечно же, существует и ng-bind-html, если вы хотите связать строку html.

Ответ 3

Следуя той же идее прошлых ответов, вы также можете использовать ng-bind-html, если хотите конкатенировать любые другие символы, это был мой случай:

  <td ng-bind-html="( com.ref.number | highlight: searchTerm) + '-' + (com.ref.order)">
  </td>