iframe не может загрузить angular проект

Question

Я пытаюсь создать этот angular веб-сайт, который по сути будет загружен на веб-сайт моего клиента с использованием iframe. Их требованием было наличие простого тега скрипта, который мог бы загружать сайт, который я построил, на их, поскольку они могли бы в конечном итоге использовать тег скрипта на более чем одном сайте.

Таким образом, подход, который я выбрал, заключался в том, чтобы иметь тег script, который добавит тег iframe и в качестве sr c предоставит ссылку на размещенный веб-сайт angular. Но когда родительский «веб-сайт клиента» загружает iframe, он имеет экран ошибки «Соединение было сброшено».

тег сценария (который будет передан клиенту)

<script type="text/javascript" src="https://example.com/loadAngular.js"></script>

нагрузка Angular. js

window.onload = function () {
var t = this.document.createElement("iframe"); 
t.src = '//localhost:44353/company/urlParam1';
this.document.body.appendChild(t); }

Angular (app-routing.module.ts)

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { AppComponent } from './app.component';
import { SomeComponent } from './some/some.component';


const routes: Routes = [
  {
    path: 'company/:param',
    component: SomeComponent 
  }
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

some.component.ts

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';

@Component({
  selector: 'app-some',
  templateUrl: './some.component.html',
  styleUrls: ['./some.component.scss']
})
export class SomeComponent implements OnInit {

  constructor(
    private route: ActivatedRoute
  ) { }

  ngOnInit() {
    let param = this.route.snapshot.paramMap.get('param');
  }
}