JavaScript   发布时间:2022-04-16  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – 如何将ngOptions用于包含HTML实体的字符串?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用NgOptions来构建一个选择菜单,但我的一个标签中有一个 HTML实体和& amp ;.该标签显示为Books& amp;东西不是书籍&东西.我的玉是这样的
SELEct(ng-show="isType === 'SELEct'",id="{{iD}}",ng-model="model",ng-options="o.id as o.label for o in options")

如何才能正确显示HTML实体?

更新

我正在尝试萨尔的答案:

SELEct(ng-show="isType === 'SELEct'",ng-model="model")
  option(ng-repeat="o in options",ng-bind-html="o.label",value="{{o.iD}}")

这将显示正确的html实体,但不再根据模型选择正确的选项.例如,请参见http://jsfiddle.net/ucLvjvkn/1/.

解决方法

一种解决方法是使用Ng-repeat和ng-bind-html(包含在 ngSanitize中)代替ng-options.这是一个有效的例子
var app = angular.module('app',['ngSanitize']);
<option ng-repeat="options in options" ng-bind-html="options.text" value="{{options.text}}"></option>

JSFiddle Link – 工作演示

此外,如果必须使用Ng-options,请使用以下帮助程序函数在绑定之前首先解码您的值

function htmlDecode(input) {
    var e = document.createElement('div');
    e.innerHTML = input;
    return e.childNodes[0].nodeValue;
}

JSFiddle Link – ng-options演示

大佬总结

以上是大佬教程为你收集整理的javascript – 如何将ngOptions用于包含HTML实体的字符串?全部内容,希望文章能够帮你解决javascript – 如何将ngOptions用于包含HTML实体的字符串?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。