angularjs의 ng-bind 필터를 사용한 후 텍스트 추가

angularjs의 ng-bind 필터를 사용한 후 텍스트 추가

그래서 변수를 ng-bind 디렉티브에 필터로 삽입하고 싶다.

ng-bind="input | filter"

그러나 나는 더 많은 텍스트를 삽입하고 싶다.

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

근데 이게 안 되네ng-bind로 텍스트를 추가할 수 있는 방법이 있습니까?{{}}:

{{input | filter}} more

보간(사용) 대신{{}})에 있는 것ng-bind지시문은 필터링된 값을 괄호로 묶고 텍스트를 추가할 수 있습니다.

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

또한 추가하려는 텍스트가 동적이지 않다면 필터링된 값을 바인딩하기 위해 다른 요소를 추가한 다음 해당 요소 뒤에 텍스트를 추가하는 것이 좋습니다.

예.

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

이것에 의해, 1개의 연결 프로세스를 절약할 수 있습니다.

예:

다음과 같은 작업을 수행할 수 있습니다.

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

다음은 예를 제시하겠습니다.http://plnkr.co/edit/rEva7FTPFtr3im7RUlQk?p=preview

언급URL : https://stackoverflow.com/questions/24463473/add-more-text-after-using-a-filter-in-ng-bind-in-angularjs