AngularJS：以自定义样式绑定html字符串
我想将具有自定义样式的html字符串绑定到DOM。但是ngSanitize从字符串中删除样式。
例如：
在控制器中：
$scope.htmlString = "<span style='color: #89a000'>123</span>!";
在DOM中：
<div data-ng-bind-html="htmlString"></div>
将省略样式属性。结果将如下所示：
<div data-ng-bind-html="htmlString"><span>123</span>!</div>
代替：
<div data-ng-bind-html="htmlString"><span style='color: #89a000'>123</span>!</div>
问题： 如何实现？
问题答案：
正如已经提到过的@Beyers，您必须使用$sce.trustAsHtml()，将其直接用于DOM中，您可以像这样在JS /
controller部分中这样做：
$scope.trustAsHtml = function(string) {
return $sce.trustAsHtml(string);
};
在DOM / HTML部分
<div data-ng-bind-html="trustAsHtml(htmlString)"></div>
-
问题内容： 如果我有一个没有模板的AngularJS指令，并且希望它在当前作用域上设置一个属性，那么最好的方法是什么？ 例如，计算按钮点击次数的指令： 使用伪指令将点击计数分配给双向属性中的表达式： 有一个更好的方法吗？从我所读的内容来看，孤立的作用域会过大，但是我需要一个子作用域吗？除了使用以外，还有没有更干净的方法可以写回指令属性中定义的范围变量。我只是觉得我很难过。 这里有完整的柱塞。 问题
-
主要内容：Vue.js class,class 属性绑定,实例 1,实例 2,实例 3,实例 4,实例 5,实例 6,,Vue.js style(内联样式),实例 7,实例 8,实例 9Vue.js class class 与 style 是 HTML 元素的属性，用于设置元素的样式，我们可以用 v-bind 来设置样式属性。 Vue.js v-bind 在处理 class 和 style 时， 专门增强了它。表达式的结果类型除了字符串之外，还可以是对象或数组。 class 属性绑定 我们可以为
-
主要内容：Vue.js class,class 属性绑定,实例 1,实例 2,实例 3,实例 4,实例 5,实例 6,,Vue.js style(内联样式),实例 7,实例 8,实例 9,组件上使用 class 属性,实例 10,实例 11Vue.js class class 与 style 是 HTML 元素的属性，用于设置元素的样式，我们可以用 v-bind 来设置样式属性。 v-bind 在处理 class 和 style 时， 表达式除了可以使用字符串之外，还可以是对象或数组。 v-bi
-
本文向大家介绍aurelia 绑定样式，包括了aurelia 绑定样式的使用技巧和注意事项，需要的朋友参考一下 示例 使用Aurelia绑定到浏览器本机style属性。如果使用字符串插值，则应使用css别名，以便样式在Internet Explorer中起作用。 样式字符串 样式对象 字符串插值 与上面的字符串绑定非常相似，这使您可以使用字符串插值来绑定到样式。如果任何值更改，它们将在视图中进行相
-
问题内容： 目前，我仅显示键，每个键都在新行中显示： 如何在新行中将它们显示为 key :: value ？ 问题答案： 通过迭代器，将生成一个键，值元组： 更新为现代符号：
-
本文向大家介绍jquery自定义表格样式，包括了jquery自定义表格样式的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jquery自定义表格样式实现代码。分享给大家供大家参考。具体如下： 运行效果截图如下： 上面这张图有3种状态，默认状态（灰白相间），鼠标悬浮状态（绿色），鼠标点击状态（黄色），是如何实现的呐？ Html代码如下： 插件实现代码如下： 有些时候我们可能并不需要鼠标点击后