在视图中将HTML字符串显示为只读格式化文本

时间:2014-10-10 13:38:02

标签: html css angularjs razor

我有一些文本从我的角度控制器发送到我的视图我希望显示为格式化文本,而不是HTML ...为了这个例子,我将使用以下代码输出只读textarea但显示html标签而不是格式化。

<div class="well" ng-repeat="field in model.viewFields">
    {{field.Name}} 
    <textarea disabled="true" style="height: 200px; width: 100%; resize: none">{{field.Value}}</textarea>
</div>

我可以将textarea替换为将{{field.Value}} html显示为格式化文本?

1 个答案:

答案 0 :(得分:1)

对于任何人未来的参考,cyrbil指出,angulars sanitize函数会为你解析html。

您可以使用ng-bind-html

<div class="well" ng-repeat="field in model.viewFields">
    {{field.Name}} 
<div ng-bind-html="field.Value" style="height: 200px; width: 100%;"></div>
</div>