javascript - 如何使 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 来显示解析后的 H​​TML。

看看这个 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>