angularjsのng-bindでフィルターを使用した後にテキストを追加します

Question

だから私はng-bindディレクティブのフィルターを通して変数を入れたい

ng-bind="input | filter"

でももっとテキストを挿入したい

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

しかし、これは機能していません。単に{{}}を使用している場合のように、ng-bindにテキストを追加する方法はありますか。

{{input | filter}} more

ryeballar · Accepted Answer

（{{}}を使用して）ng-bindディレクティブに何かを挿入する代わりに、フィルター処理された値を括弧で囲み、テキストを追加することができます。

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

さらに、追加するテキストが動的でない場合は、別の要素を追加してフィルター処理された値をバインドし、その要素の後にテキストを追加することをお勧めします。

例えば.

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

これにより、連結プロセスが1つ節約されます。

dustyrockpyle · Answer

次のようなことができます：

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