忽略Angular中不安全的html

Question

我正在使用textangular指令进行角度文本编辑 我在数据库中有一个字符串：

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

我希望此值显示在文本编辑器中

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

当我使用ng-bind-html时，它会忽略</#LinkTextEnd>并显示所有不带文本编辑器的重新生成字符串

当我使用ng-model时，它会打开空文本编辑器

我的要求是在文本编辑器中显示Ticket Url: <#LinkTextStart>Click</#LinkTextEnd>

Answer 1

出于安全原因，您需要将html设置为受信任。您可以使用过滤器。

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

并像

一样使用它

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