将数据发布到站点并将其加载到 iframe 中的另一个站点(角度和 c#)

Posted

技术标签:

【中文标题】将数据发布到站点并将其加载到 iframe 中的另一个站点(角度和 c#)【英文标题】:post data to a site and load it in another site in iframe (angular and c#) 【发布时间】:2020-01-24 12:59:41 【问题描述】:

我有两个不同的 Angular 5 项目(siteone 和 sitetwo)。 sitetwo 是仪表板,我必须通过单击选项卡“仪表板”将其加载到 siteone 的 iframe 中。 但是,具有某些输入的表单应首先提交到 sitetwo url,然后将其加载到 iframe 中。

我的 iframe 组件看起来像 myiframe.html

<div *ngIf="strurl">
    <object data="">
        <embed    [src]="strurl">
    </object> 
</div>

strurl 来自服务调用,我使用 domsanitizer 来避免 safeurl 问题,我必须在 iframe 中使用相同的 url。我使用 router.navigate 在单击选项卡时加载相应的组件。

请就如何将数据发布到site2然后将其加载到site1的iframe中提出一个解决方案。

(请注意:在我们采用插件架构以供跨应用程序使用之前,这是一个短期解决方案)

【问题讨论】:

【参考方案1】:

尝试使用安全管道:

import  Pipe, PipeTransform  from '@angular/core';
import  DomSanitizer from '@angular/platform-browser';

@Pipe( name: 'safe' )
export class SafePipe implements PipeTransform 
   constructor(private sanitizer: DomSanitizer) 
   transform(url) 
     return this.sanitizer.bypassSecurityTrustResourceUrl(url);
   
 

HTML 代码:

<embed    [src]="strurl | safe"">

【讨论】:

对不起,如果我的问题不是很清楚。生病更新我的问题陈述。我的问题是如何将数据从 site1 发布到 site2 并将其加载到 iframe 中。

以上是关于将数据发布到站点并将其加载到 iframe 中的另一个站点(角度和 c#)的主要内容,如果未能解决你的问题,请参考以下文章

如何将 TIMESTAMP 转换为 VARCHAR 并将其保存到 Redshift 中的另一个表中?

如何获取复制到剪贴板的数据值并将其设置为android studio中的另一个值

Js获取Iframe页面高度,并将高度赋值给Iframe

如何将数据从一个表单发布到另一个 iFrame 表单

无法从不同的文件定义导入的对象,将其存储在一个状态中并将其传播到 React 中的另一个变量中

如何传递 HttpInputStream 的内容并将其发送到 c# .net 中的另一个 Rest Api