我想从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>