angularjs에서 ng-bind-html을 사용하여 사용자 정의 html 요소를 구문 분석하는 방법

Question

ng-bind-html을 사용하여 문자열을 구문 분석해야합니다. 이 문자열에는 일부 맞춤 html 태그가 포함되어 있습니다. ng-bind-html을 사용하여 파싱하는 동안 $ sanitize : badparse에 대한 오류가 발생합니다. 유래 질문을 읽는 동안 http://jsfiddle.net/8zS4h/2/

과 구글에 나는 $sce.trustAsHtml()을 사용하는 경우 해결책이 될 수 있다는 것을 발견

오류로 바이올린을 참조하십시오.

내 오류 문제는 해결되었지만 사용자 정의 html 요소를 구문 분석 할 수 없습니다. 여기에서 업데이트 된 바이올린을 볼 수 있습니다 : http://jsfiddle.net/8zS4h/3/

나는 해결책을 찾기 위해 열심히 머리를 긁적입니다.

편집 : 그냥, 내가 RSS 피드에서이 문자열을 얻고, 더 많은 정보를 추가 할 수 있도록 때때로 그것은 또한 "<http>" 또는 "<http" 태그를 가질 수있다. 어느 것이 실패하고있는 것입니다.

Fiddle

angular.module('ngBindHtmlExample', ['ngSanitize']) 
    .controller('ngBindHtmlCtrl', ['$scope', function ngBindHtmlCtrl($scope) { 
    $scope.myHTML = 
     '<a href=\"http://google.com\">link</a> contests <u>of OMB</u> <b>Circular</b> A-76'; 
    }]) 
    .filter('to_trusted', ['$sce', function($sce){ 
     return function(text) { 
      return $sce.trustAsHtml(text); 
     }; 
}]); 

는 것 같아 : 문자열이 <http://www.<em>whitehouse</em>.gov/omb/circulars/a076/ 같은 경우 그래서해야 http://www.<em>whitehouse</em>.gov/omb/circulars/a076/

Answer 1

음과 같은 출력이, 내 모습, 앵커와 같은 태그를 작동하게 문제없이 밑줄과 굵은 관리 제공 정확히 구문 분석되었습니다.