我想从MySQL数据库显示我的编辑器值。当我使用angularJS显示数据时,它将显示带有html标签的文本。

HTML代码:

<pre>
  {{x.description}}
</pre>

在这里,我得到输出:

<p>Hello India</p><br/>
<p>List Of State</p><br/>
<ol><br/>
<li>Karnataka</li><br/>
<li>Bihar</li><br/>
<li>Delhi</li><br/>
</ol>

但我想要这样的结果:-

Hello India 
List of State
  1. Karnataka
  2. Bihar
  3. Delhi
分析解答

这可以通过使用ng-bind-html来完成

var app = angular.module("myApp", ['ngSanitize']);
app.controller("myCtrl", function($scope) {
    $scope.myText = `<p>Hello India</p><br/>
<p>List Of State</p><br/>
<ol><br/>
<li>Karnataka</li><br/>
<li>Bihar</li><br/>
<li>Delhi</li><br/>
</ol>`;
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.9/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular-sanitize.js"></script>


<div ng-app="myApp" ng-controller="myCtrl">
<pre>
 <div ng-bind-html="myText"></div>
</pre>
</div>