问题标签 [angularjs-sce]
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.
javascript - 在 AngularJS 中从可信来源插入 iframe
尝试使用ng-bind-html
AngularJS 将 iframe 插入页面,但即使是最简单的形式,我也无法让它工作。
Javascript
我的 HTML:
javascript - 我不明白的角度错误?
我正在尝试构建此处的菜单:
但是,当我将它实施到我的项目中时,我收到以下错误消息:
我得到的结果是我可以看到菜单项名称,但是当我将鼠标悬停在它们上面时,我收到一个空的菜单框?
这是我的 2 个带有 HTML 的指令:
angularjs - 从 Amazon S3 URL 下载文件
我无法从 Amazon S3 URL 下载带有 Angular 锚标记的图像。我错过了什么?
网址
HTML
控制器
配置
$sceProvider.enabled(false) 没有帮助
javascript - 为什么要使用 $sce.trustAsResourceUrl(iframeUrl)?
我是 AngularJS 的新手。我尝试将 iframe src 与 Angular 控制器绑定。
html:
控制器js:
这行不通。但是,如果我将控制器更改为:
有用。
我不知道魔法发生了什么$sce.trustAsResourceUrl
。如果有人能解释一下,那就太好了。
angularjs - 带有颜色的angularjs textarea(带有html5 contenteditable)
我正在尝试创建一个执行“语法突出显示”的编辑器,它相当简单:
我也使用<code contenteditable>
html5 标签来替换<textarea>
,并有颜色输出。
我从 angularjs 文档开始,并创建了以下简单指令。它确实有效,除了它不contenteditable
使用生成的 html 更新区域。如果我使用 aelement.html(htmlTrusted)
而不是ngModel.$setViewValue(htmlTrusted)
,一切正常,除了光标在每次按键时跳到开头。
指示:
html:
plunkr:演示(输入yellow
,green
或blue
进入更改我输入区域)
我试过了scope.$apply()
,ngModel.$render()
但没有效果。我必须错过一些非常明显的东西......
我已经阅读的链接:
- 别人的 plunker 演示 1
- 别人的 plunker 演示 2
- angularjs 文档的示例
- $sce.trustAsHtml stackoverflow 问题
- setViewValue 堆栈溢出问题
- setViewValue 不更新 stackoverflow 问题
任何帮助深表感谢。请参阅上面的 plunker 演示。
angularjs - Add a function to html string in link layer of directive
I got this directive which renders a list of objects. this objects got it's own function, i wanna bind it to a button. So i run over my items.In my objects value, i got a prop called Action which value is a function. i then try to add it to the html string, then i say it should be trusted as html. like shown below
but when i try to run it, it looks like this
Anyone know how i can do this?
javascript - 在控制器中传递 html 字符串并放入 .html(角度 js)
我有个问题。将我需要的按钮称为“关闭”或“打开”。如果 json 中的活动状态为 1,则按钮关闭显示在 html 中,所以改为。但我试过了
ng-绑定-html
仍然无法正常工作,对我有什么解决方案吗?谢谢
这是我的代码:
控制器
html
javascript - 使用包含外部文件的文件夹制作网页
以前,我曾经在加载生成的 URL 时将$sce.trustAsHtml(aString)
字符串(例如,<html>...</html>
)注入模板以显示图形:<div ng-bind-html="content"></div>
现在,用于生成图形的 html 包含对其他文件的引用,例如<script src="script.js"></script>
. 所以我需要一个文件文件夹(.html
, .css
, .js
)来绘制图表。我可以将整个文件夹放在我的服务器中,但问题是如何将这些文件注入到模板中。
我试过了templateUrl: 'http://localhost:3000/tmp/ZPBSytN5GpOwQN51AAAD/index.html'
,localhost:3000/#/urls/58b8c55b5d18ed6163324fb4
在浏览器中加载确实会加载 html 页面。但是,未加载,控制台日志中显示script.js
错误。Failed to load resource: the server responded with a status of 404 (Not Found)
有谁知道如何修改这个?
否则,有没有其他方法可以说src=http://localhost:3000/tmp/ZPBSytN5GpOwQN51AAAD/index.html
(比如 in iframe
)?然后,<script src="script.js"></script>
inindex.html
就会知道它指的script.js
是同一个文件夹中的。
编辑 1:在@Icycool 的评论之后,我更改为templateUrl: '/htmls/test.html'
, 并test.html
包含<div ng-include="'http://localhost:3000/tmp/ZPBSytN5GpOwQN51AAAD/index.html'"></div>
。测试显示它确实加载了test.html
并且index.html
,但不是script.js
:GET http://localhost:3000/script.js?_=1488543470023 404 (Not Found)
。
编辑 2:我为测试目的创建了两个文件:index.html和script.js。正如解释的那样,这是一个plunker,既不工作template
也不templateUrl
工作......
javascript - 如何完全禁用 Angular html 转义(应用范围)?
我试过这个:
但似乎什么也没有发生。>
即使使用所谓的 sce 应用程序范围禁用,也会被 angular 转义。除了可以停止角度自动编码 html 实体的 $sceProvider 之外,我似乎找不到任何东西。
angularjs - AngularJS 问题:$sce:insecurl 尽管 $sce.trustAsResourceUrl
我使用 CDN 中的模板进行了设置,通常可以正常工作,但我会定期收到此错误:
我为 grep 的代码库viewsched
,实际上代码中仅有的两个地方,该模板是我的服务工作者中的预缓存列表,以及 angularjs 文件中的这一行:
Gulp 将该行转换为引用 CDN 的行:
我知道那部分工作正常,因为 insecurl 错误显示了 CDN url。
我的第一个猜测是这个问题类似于“出于某种原因(例如劣质互联网),浏览器当时无法连接到 CDN 并且无法获取文件,从而给出了某种 AngularJS 认为不安全的 HTTP 响应代码。但是我认为这会产生这个问题(我也定期得到)
有任何想法吗?还对如何更优雅地处理 tpload 错误情况的想法感兴趣,在这种情况下,网址是正确的,但当时互联网刚刚崩溃。