Я пытаюсь загрузить приложение angular в приложение angular с помощью файла html, в который будут загружены пакеты для другого приложения. ниже html имя файла в виде (cds. html)
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Vendor Experience</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" type="image/x-icon" href="assets/images/favicon.ico"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/socketcluster-client/13.0.0/socketcluster.js"></script> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> </head> <body> <cds-root></cds-root> <script> var context = "Vendor Experience"; </script> <script type="text/javascript" src="https://example.com/cdsfe/runtime.js"></script> <script type="text/javascript" src="https://example.com/cdsfe/polyfills.js"></script> <script type="text/javascript" src="https://example.com/cdsfe/main.js"></script> <script type="text/javascript" src="https://example.com/cdsfe/styles.js"></script> </html>
Я загружаю этот abobe html для одного указанного c маршрута, как показано ниже в компоненте. html
<iframe [src]="cdsFileSrc" frameborder="0" width="100%" height="100%" style="height: calc(100vh - 50px);width: 100vw; margin-top: 50px;"></iframe>
в component.ts ->
this.cdsFileSrc = this.sanitizer.bypassSecurityTrustResourceUrl('cds.html');
, поэтому я получаю html имя файла, которое я передаю в sr c iframe, рассматривается в качестве пути маршрутизации, так как у меня нет никакой маршрутизации для этого, поэтому он собирается компонент ошибки.