Добавить текст после использования фильтра в ng-bind в angularjs

Итак, я хочу поместить переменную через фильтр в директиву ng-bind

ng-bind="input | filter"

но я хочу вставить больше текста

ng-bind="input | filter + 'more' "

но это не работает. Есть ли способ добавить больше текста в ng-bind, как вы могли бы, если бы вы просто использовали {{}}:

{{input | filter}} more

Ответы

Ответ 1

Вместо того, чтобы интерполировать (используя {{}}) что-то в директиве ng-bind, вы можете просто заключить отфильтрованное значение в скобки и добавить текст.

<h1 ng-bind="(input | filter) + ' more stuff'></h1>

Кроме того, если текст, который вы хотите добавить, никоим образом не является динамическим, я предлагаю вам добавить другой элемент для привязки отфильтрованного значения и затем добавить текст после этого элемента.

например.

<h1><span ng-bind="(input | filter)"></span> more stuff</h1>

Это экономит один процесс конкатенации.

Пример здесь