Ignorieren unsichere HTML in Angular

Question

Ich verwende textangular Richtlinie für Winkeltexteditor Ich habe eine Zeichenfolge in der Datenbank als:

State of Ticket: #TicketState    
       <br> <br/> 
     Ticket Url: <#LinkTextStart>Click</#LinkTextEnd> 
     <br> <br/> 

ich dieser Wert soll im Texteditor angezeigt werden

<text-angular ng-bind-htm="html" ></text-angular> 

Wenn ich ng-bind-html verwende, ignoriert es </#LinkTextEnd> und zeigt die gesamte verbleibende Zeichenfolge ohne Texteditor an.

und wenn ich ng-Modell dann verwenden öffnet leeren Texteditor

meine Anforderung Ticket Url: <#LinkTextStart>Click</#LinkTextEnd> innerhalb Texteditor

Answer 1

Sie müssen die HTML festlegen, zu zeigen, wie aus Sicherheitsgründen vertraut. Sie können einen Filter verwenden.

app.filter('to_trusted', ['$sce', function toTrustedHtml($sce) { 
    return function(text) { 
     return $sce.trustAsHtml(text); 
    }; 
}]); 

und verwenden Sie es wie

<text-angular ng-bind-html="html | to_trusted" ></text-angular>