我正在显示一个包含 HTML 代码的字符串:
<div style="font-size: 14px" ng-bind="currentBook.description"></div>
put 它显示 HTML 代码而不是解释元素:
当我使用ng-bind
and ng-bind-unsafe
,它什么也没显示。
如何获取要解析的 HTML?
Addendum
我添加了一个参考来清理但是ng-bind
and ng-bind-unsafe
仍然没有显示任何内容:
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular-route.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular-sanitize.js"></script>
好的,我添加了 ngSanitizevar app = angular.module('app', ['ngSanitize']);
现在可以了。
看来你错过了ng消毒请参阅下面的演示
您可以在这里找到更多信息
https://docs.angularjs.org/api/ngSanitize/service/ https://docs.angularjs.org/api/ngSanitize/service/$消毒
var app = angular.module('app', ['ngSanitize']);
app.controller('firstCtrl', function($scope, $sce) {
$scope.currentBook = {
description: "<p>some description</p>"
};
});
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular-sanitize.js"></script>
<body ng-app="app">
<div ng-controller="firstCtrl">
<div style="font-size: 14px" ng-bind-html="currentBook.description"></div>
</div>
</body>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)