如何将ngOptions与包含HTML实体的字符串一起使用?

贾斯汀808

我正在使用ngOptions构建选择菜单,但是其中一个标签中包含HTML实体&标签显示为Books & StuffBooks & Stuff我的玉是这样的:

select(ng-show="isType === 'select'", id="{{id}}", ng-model="model", ng-options="o.id as o.label for o in options")

如何使HTML实体正确显示?


更新

我正在尝试用sal回答:

select(ng-show="isType === 'select'", id="{{id}}", 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链接-ng-options演示

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何将字符串与包含空格的短语一起使用

来自分类常见问题

如何将逐字字符串与插值一起使用?

来自分类Dev

如何将系统字体与属性字符串一起使用?

来自分类Dev

如何将WordPress update_post_meta与JSON字符串一起使用?

来自分类Dev

如何将return语句与字符串一起使用?- Python

来自分类Dev

如何将for循环与需要字符串字段的函数一起使用?

来自分类Dev

如何将Weblate与仅是ID的源字符串一起使用?

来自分类Dev

如何将geom_vline与字符串x-xis一起使用

来自分类Dev

如何将字符串格式的单元格地址与范围一起使用?

来自分类Dev

如何将IF语句与字符串用户输入一起使用?

来自分类Dev

如何将花式字符串日期索引与MultiIndex一起使用

来自分类Dev

如何将WordPress update_post_meta与JSON字符串一起使用?

来自分类Dev

如何将geom_vline与字符串x-xis一起使用

来自分类Dev

如何将Weblate与仅是ID的源字符串一起使用?

来自分类Dev

如何将grep命令与多个搜索字符串一起使用?

来自分类Dev

如何将字符串数组转换为整数以与 Highcharts 一起使用

来自分类Dev

如何将 find_first_not_of 与字符串向量一起使用?

来自分类Dev

如何将变量值插入 JSON 字符串以与 PDAL 一起使用

来自分类Dev

R如何将apply与ifelse函数一起使用来搜索许多列中的字符串值?

来自分类Dev

如何将正则表达式与变量而不是字符串一起使用?

来自分类Dev

如何将printf命令与多个字符串和arg一起使用?

来自分类Dev

如何将CURRENT_DATE()函数与指定格式的字符串的学说2一起使用?

来自分类Dev

将Perl FileHandle与包含字符串而不是文件名的标量一起使用

来自分类Dev

将MINIF / MAXIF与包含数字的字符串一起使用?

来自分类Dev

将SysUtils.WrapText()与包含单引号的字符串一起使用

来自分类Dev

将字典理解与包含的字符串拆分操作一起使用

来自分类Dev

如何将随机字符串与加载效果一起放置

来自分类Dev

如何使jQuery活动状态导航与包含字符串的URL一起使用?

来自分类Dev

如何将curl与包含方括号字符的网址一起使用?

Related 相关文章

  1. 1

    如何将字符串与包含空格的短语一起使用

  2. 2

    如何将逐字字符串与插值一起使用?

  3. 3

    如何将系统字体与属性字符串一起使用?

  4. 4

    如何将WordPress update_post_meta与JSON字符串一起使用?

  5. 5

    如何将return语句与字符串一起使用?- Python

  6. 6

    如何将for循环与需要字符串字段的函数一起使用?

  7. 7

    如何将Weblate与仅是ID的源字符串一起使用?

  8. 8

    如何将geom_vline与字符串x-xis一起使用

  9. 9

    如何将字符串格式的单元格地址与范围一起使用?

  10. 10

    如何将IF语句与字符串用户输入一起使用?

  11. 11

    如何将花式字符串日期索引与MultiIndex一起使用

  12. 12

    如何将WordPress update_post_meta与JSON字符串一起使用?

  13. 13

    如何将geom_vline与字符串x-xis一起使用

  14. 14

    如何将Weblate与仅是ID的源字符串一起使用?

  15. 15

    如何将grep命令与多个搜索字符串一起使用?

  16. 16

    如何将字符串数组转换为整数以与 Highcharts 一起使用

  17. 17

    如何将 find_first_not_of 与字符串向量一起使用?

  18. 18

    如何将变量值插入 JSON 字符串以与 PDAL 一起使用

  19. 19

    R如何将apply与ifelse函数一起使用来搜索许多列中的字符串值?

  20. 20

    如何将正则表达式与变量而不是字符串一起使用?

  21. 21

    如何将printf命令与多个字符串和arg一起使用?

  22. 22

    如何将CURRENT_DATE()函数与指定格式的字符串的学说2一起使用?

  23. 23

    将Perl FileHandle与包含字符串而不是文件名的标量一起使用

  24. 24

    将MINIF / MAXIF与包含数字的字符串一起使用?

  25. 25

    将SysUtils.WrapText()与包含单引号的字符串一起使用

  26. 26

    将字典理解与包含的字符串拆分操作一起使用

  27. 27

    如何将随机字符串与加载效果一起放置

  28. 28

    如何使jQuery活动状态导航与包含字符串的URL一起使用?

  29. 29

    如何将curl与包含方括号字符的网址一起使用?

热门标签

归档