angularjs의 ng-bind에서 필터를 사용한 후 더 많은 텍스트 추가

angularjs의 ng-bind에서 필터를 사용한 후 더 많은 텍스트 추가

---

그래서 ng-bind 지시문의 필터를 통해 변수를 넣고 싶습니다.

ng-bind="input | filter"

하지만 더 많은 텍스트를 삽입하고 싶습니다

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

그러나 이것은 작동하지 않습니다. 당신은 단순히 사용한다면 당신이 할 수처럼, 겨 바인드에 더 많은 텍스트를 추가하는 방법이 있나요 {{}}:

{{input | filter}} more

---

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

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

또한 추가하려는 텍스트가 어떤 식 으로든 동적이 아닌 경우 다른 요소를 추가하여 필터링 된 값을 바인딩 한 다음 해당 요소 뒤에 텍스트를 추가하는 것이 좋습니다.

예 :

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

이렇게하면 하나의 연결 프로세스가 절약됩니다.

여기에 예

---

다음과 같이 할 수 있습니다.

<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