如果响应文本包含html意味着如果我们使用angularjs则不显示为html

时间:2014-10-29 05:30:17

标签: angularjs

Html方面:

  <div ng-bind-html-unsafe="data.myText"></div>

value for data.myText is  <span style="text-decoration: underline; color: #cc99ff; background-color: #ff00ff;"><span style="font-family: helvetica; font-size: 24pt;">test</span></span>

作为预期输出,需要使用以下样式显示文本。

但实际上,结果并没有显示样式。

如果有人知道如何解决这个问题,请更新。

1 个答案:

答案 0 :(得分:1)

你的angularjs版本是什么?使用1.2,你可以做到

<div ng-bind-html='data.myText'></div>

data.myText必须按$sce转换,您可以将$sce注入您的控制器,例如:

var myCtrl = function($scope, $sce){
  $scope.data.myText = $sce.trustAsHtml('value for data.myText is  <span style="text-decoration: underline; color: #cc99ff; background-color: #ff00ff;"><span style="font-family: helvetica; font-size: 24pt;">test</span></span>');
};

jsbin example

中效果很好