Связывать несколько значений с помощью 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>