让angularjs不要在每个单引号和双引号之前添加斜杠

时间:2015-06-25 05:50:42

标签: javascript html angularjs

我使用以下命令将html绑定到span标记。

<span ng-bind-html="qn.quest_text"></span>

但是在每个单引号和双引号之前,内容会以斜杠显示。

示例: 自16世纪以来,Lorem Ipsum一直是业界标准的虚拟文本,当时一个未知的打印机拿了一个类型的厨房,并把它拼凑成一个类型的样本书。

如何防止角度在每个引号前添加斜杠?

2 个答案:

答案 0 :(得分:1)

为您的应用添加角度清理。

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.1/angular-sanitize.js"></script>

答案 1 :(得分:0)

您可以使用严格上下文转义(https://docs.angularjs.org/api/ng/service/ $ sce)来转义文本。

您需要做的是,将$sce服务包含到您的控制器中,定义一个将您的文本转换为受信任的小功能,例如:

$scope.to_trusted = function(string) {
    return $sce.trustAsHtml(string);
}

然后你可以在你的视图中使用它,就像这样,

<span ng-bind-html="to_trusted(qn.quest_text)"></span>

您还可以尝试使用trustAs(type, value)方法尝试不同的类型,例如url,resourceUrl,html,js和css。

希望这有帮助。