Read frame url from enviornment file

Author: yaronuliel

src/app/go-visit/go-visit.component.html

@@ -1,6 +1,5 @@
 <iframe
   #iframe
-  src="http://localhost:4200/"
   width="100%"
   [height]="height"
   style="border: 0"

src/app/go-visit/go-visit.component.ts

@@ -1,7 +1,10 @@
 import { AfterViewInit, Component, ElementRef, ViewChild } from '@angular/core';
-import { DomSanitizer } from '@angular/platform-browser';
+import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';
 import { NavigationEnd, Route, Router } from '@angular/router';
 import { Subscription } from 'rxjs';
+import { environment } from '@environment';
+
+console.log({ environment });
 
 @Component({
   selector: 'app-go-visit',
@@ -14,13 +17,20 @@ export class GoVisitComponent implements AfterViewInit {
 
   height = '100%';
   private subscription?: Subscription;
+  private readonly frameUrl = environment.frameUrl;
 
   constructor(
     private readonly router: Router,
     private readonly sanitizer: DomSanitizer
   ) {}
 
+  getSourceUrl(): SafeResourceUrl {
+    return this.sanitizer.bypassSecurityTrustResourceUrl(environment.frameUrl);
+  }
+
   ngAfterViewInit(): void {
+    this.iframe.nativeElement.src = environment.frameUrl;
+    // console.log(this.iframe.nativeElement.src);
     this.subscription = this.router.events.subscribe((event) => {
       if (event instanceof NavigationEnd) {
         this.notifyRoute();

src/environment/environment.ts

@@ -0,0 +1,4 @@
+export const environment = {
+  production: false,
+  frameUrl: 'http://localhost:4200',
+};

tsconfig.json

@@ -19,10 +19,10 @@
     "target": "ES2022",
     "module": "ES2022",
     "useDefineForClassFields": false,
-    "lib": [
-      "ES2022",
-      "dom"
-    ]
+    "lib": ["ES2022", "dom"],
+    "paths": {
+      "@environment": ["src/environment/environment.ts"]
+    }
   },
   "angularCompilerOptions": {
     "enableI18nLegacyMessageIdFormat": false,