时间戳

首页 > 解决方案 > 如何在 angularJS 中显示 HTML 内容值

angularjs - 如何在 angularJS 中显示 HTML 内容值

问题描述

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

标签： angularjs

解决方案

这可以通过使用来完成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>

推荐阅读