在视图中将HTML字符串显示为只读格式文本
我有一些文本从我的角度控制器发送到我的视图,我希望显示为格式化文本,而不是HTML。。在本例中,我将使用以下代码,它输出一个只读文本区域,但显示html标记,而不是格式化在视图中将HTML字符串显示为只读格式文本,html,css,angularjs,razor,Html,Css,Angularjs,Razor,我有一些文本从我的角度控制器发送到我的视图,我希望显示为格式化文本,而不是HTML。。在本例中,我将使用以下代码,它输出一个只读文本区域,但显示html标记,而不是格式化 <div class="well" ng-repeat="field in model.viewFields"> {{field.Name}} <textarea disabled="true" style="height: 200px; width: 100%; resize: none"
<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>
{{field.Name}
{{field.Value}}
我可以用什么交换textarea以将我的{field.Value}}html显示为格式化文本?对于任何人将来的参考,指出angulars sanitize函数为您解析html 您可以使用:
{{field.Name}
为什么不使用或?可以尝试将contentEditable设置为true的div@cyrbil我希望它是readonly@Diodeus在那里尝试了这两种方法,但是即使在新的divMy bad中使用{{field.Value}}
,标记仍然显示,没有看到您禁用了textarea。从角度看,我看到了一个可能适合您的需要。很高兴您给出了这个答案,我不习惯角度,也无法创建一个关于如何使用的好示例:)
<div class="well" ng-repeat="field in model.viewFields">
{{field.Name}}
<div ng-bind-html="field.Value" style="height: 200px; width: 100%;"></div>
</div>