Edw*_*uay 10 angularjs ng-bind-html
我正在显示一个包含HTML代码的字符串:
<div style="font-size: 14px" ng-bind="currentBook.description"></div>
把它显示HTML代码而不是解释元素:

当我使用ng-bind和时ng-bind-unsafe,它什么也没有显示.
如何解析HTML?
我添加了一个参考消毒,但ng-bind并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>
Run Code Online (Sandbox Code Playgroud)
好的,我添加了ngSanitize var app = angular.module('app', ['ngSanitize']);,现在它可以工作了.
syl*_*ter 14
看起来您错过了ngSanitize,请参阅下面的演示
你可以在这里找到更多
https://docs.angularjs.org/api/ngSanitize/service/ $ sanitize
var app = angular.module('app', ['ngSanitize']);
app.controller('firstCtrl', function($scope, $sce) {
$scope.currentBook = {
description: "<p>some description</p>"
};
});Run Code Online (Sandbox Code Playgroud)
<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>Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
24099 次 |
| 最近记录: |