问题标签 [ng-bind-html]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
628 浏览

angularjs - 使用 ng-bind-html 分配表单?

我想单击一个按钮以用表单替换变量。我该怎么做呢?

JavaScript

HTML

Plnkr:http ://plnkr.co/edit/TQLbVWnfF9G0LVg9tiJl

0 投票
1 回答
1004 浏览

angularjs - 如何在angularjs中使用ng-bind-html解析自定义html元素

我需要使用 ng-bind-html 解析一个字符串。此字符串中包含一些自定义 html 标记。使用 ng-bind-html 解析时,$sanitize:badparse 出现错误。

请参阅小提琴的错误:http: //jsfiddle.net/8zS4h/2/

在 stackoverflow 和 google 中阅读问题时,我发现如果我使用$sce.trustAsHtml().

这解决了我的错误问题,但无法解析我的自定义 html 元素。你可以在这里看到这个更新的小提琴:http: //jsfiddle.net/8zS4h/3/

我正在努力寻找解决方案。

编辑: 只是为了添加更多信息,我从 rss 提要中获取这个字符串,所以有时它也可以有"<http>""<http"标签。这是失败的地方。所以如果字符串是这样的<http://www.<em>whitehouse</em>.gov/omb/circulars/a076/应该给出像这样的输出http://www.<em>whitehouse</em>.gov/omb/circulars/a076/

0 投票
2 回答
18513 浏览

javascript - AngularJS 使用 $sce.trustAsHtml 和 ng-repeat

我正在尝试将 $sce.trustAsHtml() 与 ng-repeat 中的对象属性一起使用。结果是 HTML 是完全空白的。虽然使用 ngSanitize 正确输出 HTML。

顺便说一句,我在 AngularJS v1.3.0-beta.3 上。不确定是否有错误或我做错了什么。

0 投票
1 回答
1504 浏览

angularjs - svg 文本标签中的 ng-bind-html 在 Firefox 和 IE 中不显示 tspan

当从 ng-bind-html 属性加载 tspan 时,我无法使用 angularjs 构建 svg,Firefox 和 IE 不显示它们。

我的控制器看起来像这样:

我创建了一个小提琴来说明

http://jsfiddle.net/3WNhT/

对于铬,没关系。

0 投票
2 回答
8983 浏览

angularjs - 如何监视使用 ng-bind-html 创建的 ng-model

我需要一些关于使用 ng-bind-html 创建的 ng-model 的帮助。我在服务器中有一个 JSON 文件,其中有一些 html 和一些输入,如下所示:

*.json

然后在我的 HTML 文件中,我有类似的内容:

在我的 Angular 控制器中,我有 JSON 文件的 ajax 调用:

控制器:

填充了 html,但我不能将 $watch 用于通过这种方法生成的模型 (q)。

我如何 $watch 以这种方式创建的模型的变化?

提前致谢...

0 投票
1 回答
2819 浏览

angularjs - nested expression in angular js

I want to create a nested expression in ng-bind-html eventdetails is a json object white data gets the input from a return $stateParams function

0 投票
5 回答
25533 浏览

javascript - ng-bind-html 无法正常工作

我想在 angularjs 中将我的数据显示为 html。这是我的代码的一部分:

但它不会显示为 html,它会像普通文本一样显示,但是 hosgeldinizMessage.M_Icerik 包含 html 元素。我应该怎么做才能显示为 html?

0 投票
1 回答
1310 浏览

angularjs - 如何在 AngularJS 中显示来自 json 列表的 html?

拥有一组 json 信息,例如

如何在我的模板中显示 html。目前 html 没有被解码。我尝试使用下面的代码,但它不起作用。

控制器看起来像

谢谢

0 投票
1 回答
1060 浏览

html - ng-bind-html 元素不适用于音频标签

我在它包含的范围result.questionText<i>How many times are the hands of a clock </i>at right angle in a day?<audio controls ng-src="media/abc.mp3"></audio>中有一个变量 ,我想显示 html 音频组件而不是那个音频标签,所以我在我的 html 页面中这样写,

但它在音频标签之前显示文本但不显示音频组件。我试图放置 img 标签,它工作正常。

任何想法?

0 投票
3 回答
347 浏览

javascript - 表格中自定义 html 标记的 Angular 指令

我得到了一个解决方案,使用 AngularJS 指令让 html 将我的标记粗体理解为 html 标记b。因此<bold>{{testWorks}}</bold>,当我在范围内有 textWorks 时,会将文本设置为粗体。

{{testText}}但是,当我在范围内时它不起作用:$scope.testText = "<bold>Peter</bold>";

ng-bind-html当我使用让值被评估为 html时它也不起作用,您可以从Plunker找到代码

可能是在评估表达式之前应用了指令吗?