식에서 HTML 유니코드 문자를 출력하는 방법

식에서 HTML 유니코드 문자를 출력하는 방법

예를 들어, 간단한 html 유니코드 문자를 출력하려고 합니다.♣어떤 표현에서

사용하려고 했습니다.ng-bind-html그리고.ng-bind-html-unsafe하지만 나는 그것을 내 HTML에 나타낼 수 없습니다.

$scope.character = '♣';

<span ng-bind-html="{{character}}"></span>

1. html 코드가 span balise에 주입되지 않았습니다.
2. html 코드가 해석되지 않습니다(html 문자가 콘솔에 나타나지 않지만 컨트롤러의 표현을 사용하지 않고 직접 호출하는 경우).<span ng-bind-html="&clubs;"></span>, 콘솔에서 HTML 문자가 올바르게 해석되지만 스팬 발리즈에는 여전히 주입되지 않습니다.)

식에서 html 문자를 출력하는 방법?

스크립트를 가져옵니다.//ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular-sanitize.min.js추가합니다.ngSanitize앱 의존성.

$sce(Strict Contextual Escape)를 사용해야 합니다. ngHtmlBindUnsafe는 1.2에서 제거되었습니다.

function myCtrl($scope,$sce){
    $scope.html = $sce.trustAsHtml('♣');
}

Fiddle: http://jsfiddle.net/TheSharpieOne/uPw2U/

또한 컨트롤러의 모든 것을 벗어날 필요가 없도록 필터를 만들 수 있습니다.

.filter('html',function($sce){
    return function(input){
        return $sce.trustAsHtml(input);
    }
})

HTML:

<span ng-bind-html="'&clubs;'|html"></span>

Fiddle: http://jsfiddle.net/TheSharpieOne/uPw2U/1/

언급URL : https://stackoverflow.com/questions/21097513/how-to-output-html-unicode-characters-from-an-expression