gpt4 book ai didi

angularjs - 为什么 ng-bind-html 不显示任何内容?

转载 作者:行者123 更新时间:2023-12-01 21:25:17 26 4
gpt4 key购买 nike

我正在显示一个包含 HTML 代码的字符串:

<div style="font-size: 14px" ng-bind="currentBook.description"></div>

让它显示 HTML 代码而不是解释元素:

enter image description here

当我使用ng-bind时和ng-bind-unsafe ,什么也没显示。

如何解析 HTML?

附录

我添加了对清理的引用,但是 ng-bindng-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>

好的,我添加了 ngSanitize var app = angular.module('app', ['ngSanitize']);现在可以了。

最佳答案

您似乎错过了ngSanitize,请参阅下面的演示

您可以在这里找到更多内容

https://docs.angularjs.org/api/ngSanitize/service/ $ sanitizer

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>

关于angularjs - 为什么 ng-bind-html 不显示任何内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27880658/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com