将特殊字符转换为HTML

Question

$scope.html = '<script>';

我知道PHP可以将<script>转换为<script>，但Javascript可以这样做吗？

Answer 1

使用此方法

function escapeSpecialChars(text) {
    return text
        .replace(/&/g, "&")
        .replace(/&lt;/g, "<")
        .replace(/&gt;/g, ">")
        .replace(/&quot;/g, "\"")
        .replace(/&#039;/g, "'");
}

Answer 2

我会创建一个使用$sce服务的过滤器。 $sce reference

.filter('unsafe', function($sce) {
    return function(val) {
        return $sce.trustAsHtml(val);
    };
});

$sce代表“严格上下文转义”它有一种方法告诉角度将文本信任为html。

然后，您可以将值绑定到元素，并使用过滤器显示html。

<span ng-bind-html="foo | unsafe"></span>

<强> Working Fiddle