웹개발 및 최신 테크 소식을 전하는 블로그, 웹이즈프리
만약 커스텀 필터링을 추가하여 반환받는 값에 html 태그가 있는 경우 이를 정상적으로 웹페이지에 보여주려면 어떻게 할까요?
만약 위와 같은 커스텀 필터가 있다고 가정해봅니다.
위와 같이 필터링을 적용할 경우 <br />은 텍스트로 처리됩니다. 이를 html로 처리하기 위한 방법은 무엇일까요?
가장 간단한 방법은 랩핑 태그를 추가 후 ng-bind-html 디렉티브를 사용하는 것입니다. 아래 예제를 봐주세요.
이 방법은 별다른 스크립트 변경없이 html 디렉티브만 적용하면 되므로 매우 간단한 해결방법입니다.
code snippet widget
<p>{ { myStr | myCustomFilter } }</p>
만약 위와 같은 커스텀 필터가 있다고 가정해봅니다.
function myCustomFilter() {
// Code here
var str = '<br />';
return str;
}
위와 같이 필터링을 적용할 경우 <br />은 텍스트로 처리됩니다. 이를 html로 처리하기 위한 방법은 무엇일까요?
# 커스텀 필터 html로 출력하는 방법
가장 간단한 방법은 랩핑 태그를 추가 후 ng-bind-html 디렉티브를 사용하는 것입니다. 아래 예제를 봐주세요.
<p><span ng-bind-html="myStr"></span></p>
이 방법은 별다른 스크립트 변경없이 html 디렉티브만 적용하면 되므로 매우 간단한 해결방법입니다.
code snippet widget
아래의 글도 찾고 계시지 않나요?
