如何在 div 中加载外部 Angular 应用程序？ [关闭]答案

【问题标题】：How to load an external Angular app inside a div? [closed]如何在 div 中加载外部 Angular 应用程序？ [关闭]
【发布时间】：2022-01-16 01:09:38
【问题描述】：

我需要创建一个用作小部件的单页应用程序日历 Web 应用程序，以便客户可以将其插入到指定 div 容器内的网站上。我怎样才能做到这一点？

Angular 会是适合这项任务的框架吗？

【问题讨论】：

在一天结束的时候 Angular 编译成 Html 和 JS，你用什么来构建它并不重要。客户端将包含一个简单的脚本，将外部 html 加载到指定的 div 中

标签： javascript angular single-page-application

【解决方案1】：

试试下面的代码：

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);
    })
  }

【讨论】：