将数据发布到站点，并将其加载到 iframe 中的另一个站点(Angular 和 C#)

Question

我有两个不同的角度5项目(siteone和sitetwo(。 SiteTwo是仪表板，我必须在SiteOne的iframe中加载它，单击"仪表板"选项卡。 但是，具有某些输入的表单应首先提交到sitetwo url，然后将其加载到iframe中。

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

<div *ngIf="strurl">
<object data="">
<embed height="1200"  width="100%" [src]="strurl">
</object> 
</div>

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

请提出如何将数据发布到Site2的解决方案，然后将其加载到Site1的iframe中。

(请注意：- 这是一个短时间的解决方案，直到我们采用插件架构用于应用程序间使用(

Answer 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);
}
} 

网页代码：

<embed height="1200"  width="100%" [src]="strurl | safe"">