Angular 4作为iframe，调用父函数
Angular 4是一个流行的前端开发框架，它可以用于构建单页应用程序。在使用Angular 4时，有时候我们可能需要在一个iframe中调用父函数。下面是关于这个问题的完善且全面的答案：
概念： Angular 4是一个基于TypeScript的开源前端框架，用于构建单页应用程序。它采用了组件化的开发模式，通过组件的组合和交互来构建用户界面。
分类： Angular 4属于前端开发框架，用于构建Web应用程序。
优势：
- 强大的双向数据绑定：Angular 4提供了强大的双向数据绑定机制，可以实时更新视图和模型之间的数据变化。
- 组件化开发：Angular 4采用组件化的开发模式，使得代码更加模块化、可维护性更高。
- 跨平台支持：Angular 4可以用于构建Web应用程序，也可以用于构建移动应用程序，支持多种平台。
- 丰富的生态系统：Angular 4拥有庞大的社区和丰富的第三方库，可以满足各种开发需求。
应用场景： Angular 4适用于构建各种规模的Web应用程序，包括企业级管理系统、电子商务平台、社交媒体应用等。
推荐的腾讯云相关产品：
- 腾讯云云服务器（CVM）：提供可靠、高性能的云服务器，用于部署和运行Angular 4应用程序。链接地址：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：提供安全、可靠的对象存储服务，用于存储和管理Angular 4应用程序的静态资源。链接地址：https://cloud.tencent.com/product/cos
以上是关于Angular 4作为iframe调用父函数的完善且全面的答案。希望对您有帮助！
相关·内容
1回答
Angular 4作为iframe，调用父函数
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 iframe到父通信
javascript、angular、iframe
在我当前的项目中，我有多个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
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
