renderizar - Agregue más texto después de usar un filtro en ng-bind en angularjs

ngsanitize

Question

Así que quiero poner una variable a través de un filtro en la directiva ng-bind

ng-bind="input | filter"

pero quiero insertar más texto

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

pero esto no está funcionando. ¿Hay alguna manera de agregar más texto en ng-bind, como podría hacerlo si simplemente estuviera usando {{}} :

{{input | filter}} more

Answer 1

En lugar de interpolar (usando {{}} ) algo en la directiva ng-bind , simplemente puede adjuntar el valor filtrado con un paréntesis y anexar el texto.

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

Además, si el texto que desea agregar no es de ninguna manera dinámico, le sugiero que agregue otro elemento para vincular el valor filtrado y luego agregue el texto después de ese elemento.

p.ej

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

Esto le ahorra un proceso de concatenación.

Ejemplo aquí

Answer 2

Puedes hacer algo como esto:

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

Aquí hay un ejemplo: http://plnkr.co/edit/rEva7FTPFtr3im7RUlQk?p=preview