gpt4 book ai didi

javascript - 在 AngularJS 字符串中使用 HTML 实体

转载 作者:可可西里 更新时间:2023-11-01 01:22:30 26 4
gpt4 key购买 nike

在我的 $scope 模型中给定一个包含 HTML 实体的字符串,我如何确保该实体正确显示为 HTML 字符而不是文字字符串?

HTML entity - MDN Glossary

http://plnkr.co/edit/0BliljcDkj0vvj3jdEqz?p=preview

<!DOCTYPE html>
<html>

<head>
<script data-require="angular.js@*"
data-semver="1.2.13"
src="http://code.angularjs.org/1.2.13/angular.js"></script>

</head>

<body>
<div ng-controller="htmlChar">{{title}}</div>

<script>

angular.element(document).ready(function(){

var app=angular.module("app",[]);
app.controller("htmlChar",function($scope){
$scope.title = "&copy; Acme";
});
angular.bootstrap(document, ['app']);

});

</script>

</body>
</html>

最佳答案

不需要 $sce 来绑定(bind)到带有 html 的字符串。您只需将 ngSanitize 注入(inject)您的应用程序(它不是核心模块),然后使用 ng-bind-html 属性指令。

JavaScript

var app = angular.module('app', ['ngSanitize']);

app.controller('MainCtrl', function($scope) {
$scope.title = '&#189; Cookies &amp; <span class="cream">Cream</span>';
});

HTML

<div ng-bind-html="title"></div>

Plunkr

关于javascript - 在 AngularJS 字符串中使用 HTML 实体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21919533/

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