个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我有一个包含已解码 HTML 实体的字符串:
'ó'
ó
我需要通过 ng-model 值在输入元素中显示此字符串，但将其与字符一起显示，而不是与解码后的实体一起显示。我尝试过将 $parser 与 $sce 一起使用，但这似乎不起作用。
我尝试了几种不同的方法，但似乎没有效果
.controller('myCtrl', function($scope, $sce){
$scope.char = $sce.trustAsHtml('ó')
})
.directive('trustedHtml', ['$sce', function($sce) {
return {
require: 'ngModel',
link: function(scope, element, attrs, ngModel) {
ngModel.$parsers.push(function(value) {
console.log(value)
return $sce.trustAsHtml(value);
});
}
}
}])
有什么想法吗？
<小时/>working plunker以下基于@Meiko的回答
最佳答案
你必须对字符串进行 htmlDecode:
function htmlDecode(input){
var elem = document.createElement('div');
elem.innerHTML = input;
return elem.childNodes.length === 0 ? '' : elem.childNodes[0].nodeValue;
}
为了使您的示例正常工作，请使用格式化程序而不是解析器:
ngModel.$formatters.push(function(value) {
return htmlDecode(value);
});
angular.module('test', [])
.controller('myCtrl', function($scope, $sce){
$scope.char = $sce.trustAsHtml('ALK-Abelló A/S')
})
.directive('trustedHtml', ['$sce', function($sce) {
return {
require: 'ngModel',
link: function(scope, element, attrs, ngModel) {
ngModel.$formatters.push(function(value) {
function htmlDecode(input){
var elem = document.createElement('div');
elem.innerHTML = input;
return elem.childNodes.length === 0 ? '' : elem.childNodes[0].nodeValue;
}
return htmlDecode(value);
});
}
}
}])<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<!DOCTYPE html>
<html>
<head>
<script data-require="angular.js@1.4.8" data-semver="1.4.8" src="https://code.angularjs.org/1.4.8/angular.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body ng-app="test">
<div ng-controller="myCtrl">
ALK-Abelló A/S <br>
<input trusted-html ng-model="char"/>
</div>
</body>
</html>关于javascript - ng-model 中的特殊字符，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35785346/
25
4
0
我以一种特殊的方式收到以下错误。 The point at which the driver is attempting to click on the element was not scrolle
我有一些包含如下方法的编译库： public boolean foo(String userID) { Class ntSystemClass = Thread.currentThread()
假设我有下表 name | genre --------------------- book 1 | scifi book 2 | horror book 3
我正在用代码进行语言翻译。 self.title.text = [NSString stringWithFormat:NSLocalizedString(@"Q%ld", nil), (long)qu
我想这样做，但到目前为止，我所拥有的只是: print("Will you go out with me?") 我希望代码能够正常工作，以便人们可以回答“是/否”，如果回答是"is"，则将返回一条消息
这个问题在这里已经有了答案: 关闭 11 年前。 Possible Duplicate: How can I decode html characters in c#? 我有来自 HTML 的字符，
我想在 JavaScript 中对以下形式的字符串执行 ucwords()，它应该返回 Test1_Test2_Test3。 我已经在 SO 上找到了一个 ucwords 函数，但它只需要空格作为新词
“任何长度的正数表示为数字字符数组，因此介于‘0’和‘9’之间。我们知道最重要的密码位于数组索引 0 的位置。 例子: - 号码是 10282 - 数组将是数字 = [1,0,2,8,2] 考虑到这一
我目前正在开发一个显示特殊 unicode 字符(例如 ꁴ)的应用 现在我遇到了在旧设备上无法显示这些符号的问题。我如何知道它是否适用于当前设备？ 我是否必须为每个 SDK 版本创建一个虚拟 Andr
在 HTML、XML 和部分 DTD 中，有两种特殊的标记结构: 以感叹号开头的标签结束，例如 和 以问号开头的标签 ，例如 和 我的问题是，这些构造类型中的每一种是否都有不同的名称，或者我是否必
我目前正在用 python 构建一个 shell。shell 可以执行 python 文件，但我还需要添加使用 PIPE 的选项(例如“|”表示第一个命令的输出将是第二个命令的输入)。 为了做到这一点
我的 MVC 项目中的路由无法正常工作... 我希望我所有的 View 都在 Views > Shared 文件夹中，如下所示: Error.cshtml (default) Index.cshtml
我有一个函数: public static ImageIcon GetIconImageFromResource(String path){ URL url = ARMMain.class.g
好的，所以我想在我的 html 页面中包含下面的字符。看起来很简单，只是我找不到它们的 HTML 编码。 注意:我想在没有大小元素的情况下执行此操作，纯文本就可以了 ^_^。 干杯。 最佳答案 你可以
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题，以便用事实和引用来回答。 关闭 3 年前。
我是 C# 的新手，正在尝试使用 ASP.Net GridView(框架 3.5)，当 gridView 文本包含以下内容时，我发现了一个大问题: ñ/Ñ/á/Á/é/É/í/Í/ó/Ó/ú/Ú or
在 Java 中，我尝试编写一个正则表达式来匹配特殊类型的 HTTP URL: http:///# 所以字符串有 4 段: 字符串文字:“http://”；那么 任意 1 个以上字符的字符串；那么 字
当我写查询时，我在表中有“to”列 SELECT to FROM mytable mysql_error 返回错误，如果将单词to插入``引号，即 SELECT `to` FROM mytable 查
我遇到了一个问题。事实上，我使用越南语文本，我想找到每个包含大写字母(大写字母)的单词。当我使用“re”模块时，我的函数 (temp) 没有捕捉到像“Đà”这样的词。另一种方法 (temp2) 是一次
在我的文本中，我想用一个空格替换以下特殊字符: symbols = ["`", "~", "!", "@", "#", "$", "%", "^", "&", "*", "(", ")", "_",
我是一名优秀的程序员,十分优秀！