wake-up-neo.net

Fügen Sie nach der Verwendung eines Filters in ng-bind in angularjs weiteren Text hinzu

Ich möchte also eine Variable durch einen Filter in der ng-bind-Direktive setzen

ng-bind="input | filter"

aber ich möchte mehr text einfügen

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

aber das funktioniert nicht. Gibt es eine Möglichkeit, mehr Text in ng-bind einzufügen, als wenn Sie einfach {{}} Verwenden würden?

{{input | filter}} more
60
laggingreflex

Anstatt zu interpolieren (mit {{}}) etwas in der ng-bind Direktive können Sie einfach den gefilterten Wert in eine Klammer setzen und Ihren Text anhängen.

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

wenn der Text, den Sie hinzufügen möchten, in keiner Weise dynamisch ist, sollten Sie ein anderes Element anhängen, um den gefilterten Wert zu binden, und dann den Text nach diesem Element hinzufügen.

z.B.

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

Dies erspart Ihnen einen Verkettungsvorgang.

Beispiel hier

115
ryeballar

Sie können so etwas tun:

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

Hier ist ein Beispiel: http://plnkr.co/edit/rEva7FTPFtr3im7RUlQk?p=preview

4
dustyrockpyle