How to load an external Angular app inside a div?

Question

I need to create a single-page-application calendar web app which acts as a widget, so clients can plug it on their websites inside a specified div container. How can I achieve this?

Would Angular be a suitable framework for this task?

Answer 1

Try the below code:

 HTML: <div [innerHtml]="KisshtHtml"></div> Ts: name = 'Kissht'; KisshtHtml: any; constructor(private http:HttpClient, private sanitizer:DomSanitizer){ } ngOnInit(){ this.http.get('https://razorpay-dbf86.web.app/',{responseType:'text'}).subscribe(res=>{ this.KisshtHtml = this.sanitizer.bypassSecurityTrustHtml(res); }) }