如何將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>