it-swarm.com.ru

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

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

ng-bind="input | filter"

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

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

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

{{input | filter}} more
59
laggingreflex

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

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

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

например.

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

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

пример здесь

114
ryeballar

Вы можете сделать что-то вроде этого:

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

Вот пример: http://plnkr.co/edit/rEva7FTPFtr3im7RUlQk?p=preview

4
dustyrockpyle