在 Angular 项目中加载非 Angular html 页面和 javascript

Question

我正在使用 Core UI 模板使用 Angular 7 开发一个项目。我有一个用纯 html 编写的页面，它使用一些 javascript，我想在用户单击某些内容时加载此页面。此页面不是 Angular 模块/组件。

我尝试加载另一个 Angular 模块，然后在其中加载我需要的 html 页面，但它不起作用。我的直觉告诉我这不是要走的路。

我使用的代码如下所示：

By clicking <span class="here" (click)="loadNonAngularPage()">here</span> you can load a non angular page.

调用的函数是这样的：

  public loadNonAngularPage(){
    this.router.navigateByUrl('/non angular page')
  }

有什么想法吗？

Answer 1

如果您想继续使用 Angular 应用程序，可以使用<iframe>，如果您想切换到其他网页，可以使用window.location.href = '...';。

  public loadNonAngularPage(){
       window.location.href = '/non angular page';
  }