问题标签 [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 投票
5 回答
53788 浏览

angularjs - Angular sanitize / ng-bind-html 不起作用?

我已经设置了一个转发器,只要其中没有 html,就可以获取要显示的数据。

我已经包含angular-sanitize.js并尝试使用ng-bind-html

但是跨度内没有显示任何内容,仅在ng-bind-html属性内显示。所以看起来 sanitize 不起作用,

我读到这需要添加到应用程序依赖项中,但不确定在哪里这样做。

我刚刚在 Angular 网站上完成了 tut,所以现在只设置了一个非常基本的控制器。

0 投票
4 回答
25461 浏览

javascript - Angularjs ng-bind-html-unsafe 替换

我曾经能够用来ng-bind-html-unsafe输出未经清理的代码(因为清理发生在服务器端)。

但现在这个选项不见了?我知道我可以使用$sce.trustAsHtml,但是当 unsafe 如此易于使用时,将它添加到整个地方的 JavaScript 是一个巨大的痛苦。

我如何恢复不安全?

0 投票
1 回答
503 浏览

angularjs - Angular.js - ngBindHtml 在 1.2.0-RC2 和 1.2.0-RC3 之间变化

从 angular 1.2.0-RC.2 更新到 1.2.0-RC.3 后,我注意到 ngBindHtmlDirective 解析范围数据的方式发生了变化(通过这个变化)。我所做的是获取一块 SVG,然后显示它(SVG 是有效的等等)。

我有一些模板标记:

我的应用程序上的一些逻辑从服务器请求 SVG 然后将其分配给$scope

这曾经适用于 RC2,但不再适用于 RC3。知道我做错了什么吗?谢谢。

0 投票
1 回答
11817 浏览

angularjs - AngularJS 1.2.0 ngBindHtml 和 trustAsHtml 不适用于 ngModel

我觉得这应该很容易,因为我使用 ngBindHtmlUnsafe 让它与 Angular 1.0.8 完美配合。我阅读了我现在需要使用的 API 文档和 StackOverflow,$sce.trustAsHtml()ngBindHtml我似乎无法让它工作。

鉴于我阅读的内容,这基本上是我使用的格式:

html:

我认为它会这么简单,但我一定是错的并且遗漏了一些东西。

我把这个简单的例子丢给了 Plunker:http ://plnkr.co/edit/ZX4dONBlzv1X8BcO1IBV?p=preview

0 投票
2 回答
2986 浏览

javascript - AngularJS 1.2 的 ngBindHtml 不处理 /r & /n

我有一个看起来像这样的字符串(很多空格,这就是它在我的服务器上出现的方式):

我正在使用新的Angular 1.2.0ngBindHtml 并在我的控制器中处理它,如下所示:

(该$scope.records[i].accordions数组只是 Angular-Bootstrap 的 Accordions 模块的包装器)。

当我把它放到我的视图中时(通过一个简单的<p ng-bind-html="care"></p>),它会呈现如下:

什么时候应该:

对我来说,唯一的解决方案是进行正则表达式替换以查找所有实例\r\n并将其替换为<br />?

编辑:我应该提到,虽然HTML上面的示例中没有标签,但通常会有,所以我需要在ngBindHtml这里使用而不是<pre>标签。

0 投票
1 回答
723 浏览

javascript - AngularJS:尝试以编程方式向视图添加指令

这是我的笨拙:http://plnkr.co/edit/BGD0n6gmDM3kv5akIn4l? p =info

我正在尝试制作一个视图工厂。理想情况下,我的控制器会将配置对象放入视图将用于呈现页面的范围内。它将用于构建导航和内容。我在尝试从该对象动态传递指令/部分视图引用时被卡住了。

这是我控制器中配置的一个隔离对象:

这个问题的重点是模板属性。我在这里构建了指令以用作部分视图。

这是我的指令之一的示例:

这是 well.html 模板文件:

这是我认为失败的代码:

生成的标记如下所示:

它只是基本上将字符串标记添加到属性而不是指令。

基本上,我希望能够以编程方式将指令添加到我的视图中。我不确定我想要做的事情是否可行。我不确定传递与指令等效的字符串是否可行。如果我很荒谬,我会喜欢一些建议,甚至是一些严厉的纠正;好吧,不要太严厉,也许是建设性的;)

这是我的笨拙:http://plnkr.co/edit/BGD0n6gmDM3kv5akIn4l? p =info

谢谢,

约旦

0 投票
5 回答
60995 浏览

angularjs - AngularJS 和 AngularUI:绑定时屏蔽或格式化电话号码

我正在使用 AngularUI 来格式化或“屏蔽”电话号码输入,它适用于 ng-model:

问题:但是现在我如何使用 ng-bind 以相同的方式应用相同的掩码,我有这样的东西:

我的问题:ng-model 和 ng-bind 位于不同位置的两个不同文件中,因此我不能选择使用“$viewValue”

任何想法?

关于 AngularUI 掩码的一些文档:http: //angular-ui.github.io/ui-utils/

谢谢!

0 投票
3 回答
37569 浏览

angularjs - 在AngularJS中动态地将iframe插入页面

我正在尝试使用 Angular 1.2 将 iframe 动态插入到页面中。这是代码:

html:

js:

所以 data.html 是一个字符串,它有一个有效的 HTML 开头

该字符串还包含一些 div。所以它可能看起来像:

我在 app.js 中使用“ngSanitize”。它显示的是 div(在 iframe 之后),而不是 iframe 本身。

如果我使用 jQuery,基本上是一个

工作正常......但试图使其正确的angularJS。

关于为什么只显示 iframe 之后的 div 的任何想法?

非常感谢大家

0 投票
1 回答
310 浏览

angularjs - Angular ng-bind-html 在 Safari iOS7 上写入 HTML 2 次

我的 AngularJS webapp 仅在 Safari iOS7 浏览器中出现问题。我的代码如下所示:

在 $scope.CurrentPage.summary 我已经加载了一个这样的 HTML 片段:

这是一个 Angular 错误吗?还是我做错了什么?

你可以在这里看到这个问题(生产环境):http ://riure.lopati.cat/#/1/es

除 Safari iOS7 外,所有浏览器仅呈现 1 次强文本(“Superioridad Vs Inferioridad”)。

谢谢。

0 投票
1 回答
4432 浏览

angularjs - 输入文本中的 ng-bind-html 不绑定

在 ang-repeat中,以下代码不起作用:

以下是:

我猜ng-bind-html是无法绑定到input元素?

也确实ng-bind-html将元素与模型绑定(这里row.value