将数据发布到站点并将其加载到 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中的另一个值