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

Posted 2023-02-19

【中文标题】如何在 div 中加载外部 Angular 应用程序？ [关闭]

【英文标题】：How to load an external Angular app inside a div? [closed]

【发布时间】：2022-01-16 01:09:38

【问题描述】：

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

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

【问题讨论】：

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

【参考方案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);
    )