web-dev-qa-db-fra.com

Ajouter plus de texte après avoir utilisé un filtre dans ng-bind dans angularjs

Donc, je veux mettre une variable à travers un filtre dans la directive ng-bind

ng-bind="input | filter"

mais je veux insérer plus de texte

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

mais ça ne marche pas. Existe-t-il un moyen d'ajouter plus de texte dans ng-bind, comme si vous utilisiez simplement {{}}:

{{input | filter}} more
60
laggingreflex

Au lieu d’interpoler (en utilisant {{}}) quelque chose dans le ng-bind directive vous pouvez simplement entourer la valeur filtrée d'une parenthèse et ajouter votre texte.

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

de plus, si le texte que vous souhaitez ajouter n’est en aucun cas dynamique, je vous suggère d’ajouter un autre élément pour lier la valeur filtrée, puis d’ajouter le texte après cet élément.

par exemple.

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

Cela vous évite un processus de concaténation.

Exemple ici

115
ryeballar

Vous pouvez faire quelque chose comme ça:

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

Voici un exemple: http://plnkr.co/edit/rEva7FTPFtr3im7RUlQk?p=preview

4
dustyrockpyle