问题标签 [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.
angularjs - Angular sanitize / ng-bind-html 不起作用?
我已经设置了一个转发器,只要其中没有 html,就可以获取要显示的数据。
我已经包含angular-sanitize.js
并尝试使用ng-bind-html
但是跨度内没有显示任何内容,仅在ng-bind-html
属性内显示。所以看起来 sanitize 不起作用,
我读到这需要添加到应用程序依赖项中,但不确定在哪里这样做。
我刚刚在 Angular 网站上完成了 tut,所以现在只设置了一个非常基本的控制器。
javascript - Angularjs ng-bind-html-unsafe 替换
我曾经能够用来ng-bind-html-unsafe
输出未经清理的代码(因为清理发生在服务器端)。
但现在这个选项不见了?我知道我可以使用$sce.trustAsHtml
,但是当 unsafe 如此易于使用时,将它添加到整个地方的 JavaScript 是一个巨大的痛苦。
我如何恢复不安全?
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。知道我做错了什么吗?谢谢。
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
javascript - AngularJS 1.2 的 ngBindHtml 不处理 /r & /n
我有一个看起来像这样的字符串(很多空格,这就是它在我的服务器上出现的方式):
我正在使用新的Angular 1.2.0
ngBindHtml 并在我的控制器中处理它,如下所示:
(该$scope.records[i].accordions
数组只是 Angular-Bootstrap 的 Accordions 模块的包装器)。
当我把它放到我的视图中时(通过一个简单的<p ng-bind-html="care"></p>
),它会呈现如下:
什么时候应该:
对我来说,唯一的解决方案是进行正则表达式替换以查找所有实例\r\n
并将其替换为<br />
?
编辑:我应该提到,虽然HTML
上面的示例中没有标签,但通常会有,所以我需要在ngBindHtml
这里使用而不是<pre>
标签。
javascript - AngularJS:尝试以编程方式向视图添加指令
这是我的笨拙:http://plnkr.co/edit/BGD0n6gmDM3kv5akIn4l? p =info
我正在尝试制作一个视图工厂。理想情况下,我的控制器会将配置对象放入视图将用于呈现页面的范围内。它将用于构建导航和内容。我在尝试从该对象动态传递指令/部分视图引用时被卡住了。
这是我控制器中配置的一个隔离对象:
这个问题的重点是模板属性。我在这里构建了指令以用作部分视图。
这是我的指令之一的示例:
这是 well.html 模板文件:
这是我认为失败的代码:
生成的标记如下所示:
它只是基本上将字符串标记添加到属性而不是指令。
基本上,我希望能够以编程方式将指令添加到我的视图中。我不确定我想要做的事情是否可行。我不确定传递与指令等效的字符串是否可行。如果我很荒谬,我会喜欢一些建议,甚至是一些严厉的纠正;好吧,不要太严厉,也许是建设性的;)
这是我的笨拙:http://plnkr.co/edit/BGD0n6gmDM3kv5akIn4l? p =info
谢谢,
约旦
angularjs - AngularJS 和 AngularUI:绑定时屏蔽或格式化电话号码
我正在使用 AngularUI 来格式化或“屏蔽”电话号码输入,它适用于 ng-model:
问题:但是现在我如何使用 ng-bind 以相同的方式应用相同的掩码,我有这样的东西:
我的问题:ng-model 和 ng-bind 位于不同位置的两个不同文件中,因此我不能选择使用“$viewValue”
任何想法?
关于 AngularUI 掩码的一些文档:http: //angular-ui.github.io/ui-utils/
谢谢!
angularjs - 在AngularJS中动态地将iframe插入页面
我正在尝试使用 Angular 1.2 将 iframe 动态插入到页面中。这是代码:
html:
js:
所以 data.html 是一个字符串,它有一个有效的 HTML 开头
该字符串还包含一些 div。所以它可能看起来像:
我在 app.js 中使用“ngSanitize”。它显示的是 div(在 iframe 之后),而不是 iframe 本身。
如果我使用 jQuery,基本上是一个
工作正常......但试图使其正确的angularJS。
关于为什么只显示 iframe 之后的 div 的任何想法?
非常感谢大家
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”)。
谢谢。
angularjs - 输入文本中的 ng-bind-html 不绑定
在 ang-repeat
中,以下代码不起作用:
以下是:
我猜ng-bind-html
是无法绑定到input
元素?
也确实ng-bind-html
将元素与模型绑定(这里row.value
)