Javascript 将数据发布到站点并将其加载到iframe中的另一个站点（angular和c#）

我有两个不同的角度5项目（siteone和sitetwo）。 Site2是dashboard，我必须在siteone的iframe中，单击选项卡“dashboard”将其加载。 但是，应该首先将具有特定输入的表单提交到sitetwo url，然后将其加载到iframe中

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

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

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

请提供一个解决方案，说明如何将数据发布到site2，然后将其加载到site1的iframe中

（请注意：-在我们采用插件体系结构用于应用程序间使用之前，这是一个短期解决方案）

尝试使用安全管道：

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 height="1200"  width="100%" [src]="strurl | safe"">

---

如果我的问题不是很清楚，很抱歉。我会更新我的问题陈述。我的问题是如何将数据从site1发布到site2并加载到iframe中。