如何将HTML模型数据显示在 <textarea> 就像在浏览器中一样？

Question

我的代码从ASP.NET返回HTML数据作为操作方法的响应。

我在<textarea>元素中显示此内容。

    <textarea style="width: 85rem; height: 15rem;"
              ng-disabled=true
              ng-model="access.response"></textarea>

但是，当显示时，我看到了实际的HTML。

如何使文本框或其他方式显示的信息与浏览器窗口中的信息相同？ 请注意，我不想编辑数据，但需要滚动条类型功能。

Answer 1

正确地说您不能在textarea显示它，但是不能使用简单的div也不能显示已解析的HTML。

看看这个Plunkr-> http://plnkr.co/edit/ld4Nte2KKIbgMkIWnRcP

您必须使用$sce服务和ng-bind-html指令，如下所示：

    <div ng-controller="SimpleCtrl"> 

        <!-- This will be parsed as HTML-->
        <div ng-bind-html="to_trusted(someCode)"></div>

        <!-- This will not -->
        <div>{{someCode}}</div>

    </div>

Answer 2

无法使用textarea做到这一点。

如果您想要可编辑的HTML内容，请考虑以下事项：

<div contenteditable="true"></div>