Angular 4作为iframe，调用父函数

文章/答案/技术大牛

发布

1回答

javascript、jquery、angular、iframe

我有一个网页，必须使用angular 4应用程序。我必须使用iframe在我的页面上有这个应用程序。现在，当我想要从应用程序调用父函数(所以从iframe调用)时，我遇到了一个编译错误，因为angular应用程序不知道父函数。我理解这一点，但我不知道是否有其他方法可以从angular 4 iframe调用父<e

浏览 12提问于2017-08-21得票数 0

4回答

Angularjs:在iframe中调用其他范围

javascript、angularjs、angularjs-scope

在A文档中，有一个iframe，iframe源是B文档。我的问题是如何修改B文档一定范围的变量？type='text/javascript' src="js/jquery-1.10.2.js"></script>

浏览 6提问于2013-08-26得票数 25

回答已采纳

1回答

从iframe调用组件函数

angular、iframe

我的窗口中有一个iframe，我用jquery向它添加了新的按钮。在迁移到angular2之前，我使用parent.SampleFunction()从iframe调用父函数。export class AppComponent { addButtonToIFrameonClick='parent.SampleFunctio

浏览 0提问于2017-01-12得票数 10

回答已采纳

2回答

作为依赖项的父模块

javascript、angularjs、iframe

我的应用程序有一个angular模块：该模块还具有实现输入/输出内容的服务： return dataStore[key]; };稍后，我想将带有JSON的dataStore变量作为现在我在我的应用程序中有了一个iframe，可以用选项卡显

浏览 1提问于2014-12-15得票数 9

2回答

从HTML页面调用时不加载父框架的IFRAME

javascript、html、angularjs

我们在asp页面中有一个IFRAME。以及使用angular.js单击锚标记时重定向到父IFRAME的HTML页面。在HTML页面中，我们有如下所示的代码存在于锚标签中，在javascript函数seeDetail()中，我们有如下代码，parent.document.getElementsByTagName(&quo

浏览 3提问于2014-08-28得票数 0

回答已采纳

1回答

用reactjs调用父函数iframe

reactjs、iframe

它从包含在iframe中的页中调用一个属于父函数的函数，并将参数从子元素传递给父函数。到目前为止，我在父页面中有： alert("My son clicked!"+someParams);在iframe所载的页面中，如下所示： window.parent.handleClickOnParent(lo

浏览 3提问于2018-02-01得票数 0

1回答

如何从iframe中调用角控制器函数

javascript、angularjs、iframe

我正在使用iframe处理信用卡付款的3D认证，在一个多步骤商店结帐形式，使用角。我怎样才能做到这一点？Iframe内容： var scope = parent.angular.

浏览 5提问于2016-01-12得票数 1

回答已采纳

2回答

包含来自iframe的iframe的目标父div

javascript、html、iframe

所以基本上我有这样的东西 <span></span></div> <span><&#x

浏览 0提问于2012-03-27得票数 6

回答已采纳

2回答

在我当前的项目中，我有多个Angular 2应用程序，这些应用程序应该由门户应用程序(也就是Angular 2)提供服务。因此，门户应用程序有一个标题区域，其中包含指向所有底层应用程序的链接。当用户点击一个应用程序链接时，相应的angular 2应用程序将加载到门户主体的iframe中。现在，我将开发一个集中授权服务。在门户中，我有一个服务，它持有当前登录用户的权限。我的问题是:是否可以在单个应用程序(iframe)中访问angular 2服务/组件(门户)？它似乎

浏览 0提问于2017-01-16得票数 22

回答已采纳

1回答

从父页面调用iframe中的javascript，IE问题

javascript、internet-explorer、dom

这是一个此外，父页面上有一个按钮，它调用由iframe发布的公共函数。该函数是printContent，与iframe按钮的onclick事件处理程序类似，它也调用window.print()。

浏览 1提问于2012-08-02得票数 1

回答已采纳

3回答

如何使用角铬调试工具跨iframe进行调试

angularjs、debugging、iframe

我有一个iframe嵌套在我的应用程序，其中有一个角项目。我如何才能访问其中的范围？

浏览 3提问于2014-06-05得票数 3

回答已采纳

1回答

使用postmessage刷新iframe的父文档

iframe、cross-domain、parent

我有一个greasemonkey脚本，它打开一个iframe，其中包含一个来自不同子域的表单作为父页面。我希望在表单提交后iframe刷新时刷新父页面当iframe刷新时，我可以执行一个函数，但是我不能让该函数影响父文档。我知道这是由于浏览器安全模型的原因，我一直在阅读关于使用postMessage在两个窗口之间通信的文章，但我似乎不知道如何使用它向父窗口发送重新加载调用。

浏览 67提问于2010-09-27得票数 28

回答已采纳

2回答

父级iframe中变量的访问值

javascript、jquery、iframe

作为背景..。我的页面里嵌入了一个iframe。父域和iframe都位于相同的域中。我在iframe中有一些变量，我想在父页面中访问这些变量。父页面上为iframe服务的html如下所示； <iframe id="one-time-form" width="100%" height="1850px" src="https://www.do

浏览 1提问于2021-02-03得票数 1

1回答

将Angular应用程序作为小部件嵌入

javascript、angular

我已经构建了一个Angular应用程序，它将作为一个小部件嵌入到页面上，但是无法让它以最高高度运行，有没有更好的方法可以将这个Angular应用程序注入到页面上？在使用Angular之前，我已经使用iFrame实现了这一点，并将文档嵌入到父页面以将iFrame调整为文档高度，这很好用，但是Angular中的document.body.scrollHeight似乎表现不同

浏览 1提问于2019-11-01得票数 0

1回答

Bootstrap Modal Angular 2的iFrame

javascript、angular、iframe、bootstrap-modal

我在我的Angular组件的Valor的Bootstrap Modal中加载了另一个页面的iFrame (不是Angular代码)。我想要实现的是，iFrame中的操作必须触发我的Angular组件中的函数。我已经研究了各种类似的问题(建议使用窗口或父对象)，但我无法获得适用于此特定用例的可行解决方案。

浏览 14提问于2017-08-11得票数 0

回答已采纳

1回答

获取在iframe中工作的AngularJS指令

javascript、angularjs、iframe

我正在尝试获取一个angular指令来在iframe中运行。iframe不是来自外部域，因此需要包含iframe的应用程序的样式不会应用于iframe中的内容。据我所知，它们被认为具有相同的来源，因此父页面能够将内容注入到iframe中。我还尝试为iframe和父</em

浏览 1提问于2014-02-14得票数 5

1回答

父级和iframe之间的jQuery作用域问题

javascript、jquery、iframe、scope

我使用jQuery创建一个iframe元素，onLoad调用父元素的jQuery函数之一。当父级调用额外的jQuery函数时，这会导致父级的$ is not defined。看起来好像iframe已经引起了父母的jQuery的脱节。 iframe不是页面(src="about:blank")。我认为iframe需要自己的JavaScript/jQuery环境，但我很难将

浏览 2提问于2011-04-18得票数 2

4回答

在iFrame中使用“窗口”和“文档”

javascript、facebook、iframe

我正在开发一个iFrame Facebook应用程序。iFrame有一个swf。我们需要通过javascript访问那个swf。这个iFrame有一个swf，它需要放在一个Javascript变量中，以便我们可以从调用ExternalInterface函数。现在，我们的"flash“变量是未定义的，因为我们似乎不能访问iFrame的元素，因为这会引起沙箱安全警告，因为以这种方式调用窗口或文档意味着我们正在从父站点访问此内容，即Facebook。

浏览 1提问于2010-07-30得票数 1

1回答

当我试图从父页面调用iFrame中的函数时，为什么会得到一个TypeError？

javascript、firefox、google-chrome、iframe

我有一个嵌入了iFrame (子)的页面(父页面)，iFrame包含一个javascript函数，我需要从父页面调用该函数。页面在不同的域上，我不知道这是不是问题所在。这是我在父页面上的代码： function SaveChanges() { var iFrame = document.getElementByIdtype=

浏览 1提问于2011-09-19得票数 0

回答已采纳

1回答

如何在Angular* 8中完全加载iframe内容后进行函数调用*

angular、typescript、iframe

正如我的问题所述，一旦iframe内容完全加载，我希望确认/进行函数调用。因为我使用的是Angular 8，所以我更喜欢使用typescript而不是使用Js/jquery作为解决方案HTML<iframe#iframe [src]="safeUrl" style="width: 100%; heigh

浏览 72提问于2020-07-29得票数 0

点击加载更多