问题标签 [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.

0 投票
1 回答
4909 浏览

javascript - 在 AngularJS 中从可信来源插入 iframe

尝试使用ng-bind-htmlAngularJS 将 iframe 插入页面,但即使是最简单的形式,我也无法让它工作。

Javascript

我的 HTML:

0 投票
2 回答
103 浏览

javascript - 我不明白的角度错误?

我正在尝试构建此处的菜单:

http://jsfiddle.net/1vgcs4we/

但是,当我将它实施到我的项目中时,我收到以下错误消息:

我得到的结果是我可以看到菜单项名称,但是当我将鼠标悬停在它们上面时,我收到一个空的菜单框?

这是我的 2 个带有 HTML 的指令:

在此处输入图像描述

0 投票
1 回答
3172 浏览

angularjs - 从 Amazon S3 URL 下载文件

我无法从 Amazon S3 URL 下载带有 Angular 锚标记的图像。我错过了什么?

网址

HTML

控制器

配置

$sceProvider.enabled(false) 没有帮助

0 投票
1 回答
2432 浏览

javascript - 为什么要使用 $sce.trustAsResourceUrl(iframeUrl)?

我是 AngularJS 的新手。我尝试将 iframe src 与 Angular 控制器绑定。

html:

控制器js:

这行不通。但是,如果我将控制器更改为:

有用。

我不知道魔法发生了什么$sce.trustAsResourceUrl。如果有人能解释一下,那就太好了。

0 投票
1 回答
1209 浏览

angularjs - 带有颜色的angularjs textarea(带有html5 contenteditable)

我正在尝试创建一个执行“语法突出显示”的编辑器,它相当简单:

我也使用<code contenteditable>html5 标签来替换<textarea>,并有颜色输出。

我从 angularjs 文档开始,并创建了以下简单指令。它确实有效,除了它不contenteditable使用生成的 html 更新区域。如果我使用 aelement.html(htmlTrusted)而不是ngModel.$setViewValue(htmlTrusted),一切正常,除了光标在每次按键时跳到开头。

指示:

html:

plunkr:演示(输入yellowgreenblue进入更改我输入区域)

我试过了scope.$apply()ngModel.$render()但没有效果。我必须错过一些非常明显的东西......

我已经阅读的链接:

任何帮助深表感谢。请参阅上面的 plunker 演示。

0 投票
0 回答
45 浏览

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?

0 投票
1 回答
1118 浏览

javascript - 在控制器中传递 html 字符串并放入 .html(角度 js)

我有个问题。将我需要的按钮称为“关闭”或“打开”。如果 json 中的活动状态为 1,则按钮关闭显示在 html 中,所以改为。但我试过了

ng-绑定-html

仍然无法正常工作,对我有什么解决方案吗?谢谢

这是我的代码:

控制器

html

0 投票
4 回答
1006 浏览

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.jsGET http://localhost:3000/script.js?_=1488543470023 404 (Not Found)

编辑 2:我为测试目的创建了两个文件:index.htmlscript.js正如解释的那样,这是一个plunker,既不工作template也不templateUrl工作......

0 投票
0 回答
126 浏览

javascript - 如何完全禁用 Angular html 转义(应用范围)?

我试过这个:

但似乎什么也没有发生。&gt;即使使用所谓的 sce 应用程序范围禁用,也会被 angular 转义。除了可以停止角度自动编码 html 实体的 $sceProvider 之外,我似乎找不到任何东西。

0 投票
0 回答
73 浏览

angularjs - AngularJS 问题:$sce:insecurl 尽管 $sce.trustAsResourceUrl

我使用 CDN 中的模板进行了设置,通常可以正常工作,但我会定期收到此错误:

我为 grep 的代码库viewsched,实际上代码中仅有的两个地方,该模板是我的服务工作者中的预缓存列表,以及 angularjs 文件中的这一行:

Gulp 将该行转换为引用 CDN 的行:

我知道那部分工作正常,因为 insecurl 错误显示了 CDN url。

我的第一个猜测是这个问题类似于“出于某种原因(例如劣质互联网),浏览器当时无法连接到 CDN 并且无法获取文件,从而给出了某种 AngularJS 认为不安全的 HTTP 响应代码。但是我认为这会产生这个问题(我也定期得到)

有任何想法吗?还对如何更优雅地处理 tpload 错误情况的想法感兴趣,在这种情况下,网址是正确的,但当时互联网刚刚崩溃。