如何在 aspx 页面中加载 Angular 7 组件？

【问题标题】：How to load angular 7 component in aspx page?如何在 aspx 页面中加载 Angular 7 组件？
【发布时间】：2019-06-19 18:01:01
【问题描述】：

我正在开发一个 .NET 4.7.2 项目，我需要 aspx 页面来加载我的 angular 7 视图。我必须在没有角度路由的情况下通过页面路由，并且路由必须由 aspx 页面完成。

例如，我有来自 angular 7 的 about.aspx 页面和 about.component。现在，如果某个 aspx 页面，比如 home.aspx，重定向到 about.aspx，那么我想加载 about.aspx，但我想在其中加载加载有关组件的角度。

如何做到这一点？

【问题讨论】：

【解决方案1】：

简单的方法：

第 1 步：您的 Angular 应用程序应采用模块格式。

Step2：你的 Angular 构建应该包含一些常见的 Js 包和单独的模块包。

第 3 步：将您的通用 Js 包放置到您的主 .aspx 页面。

第 4 步：将您的模块包放置到页面并引导您的 Angular 模块。 Fox 示例你的 home.aspx 应该是这样的：

<app-home></app-home>
<script src="path of your home-module.js"></script>

你的 Home.Component.Ts 文件应该是

@Component({
selector: 'app-home',
template: '<div> testing home </div>'
 })
export class AppHomeComponent{
}

Step5：对不同的模块重复第4步，可能像你说的about.aspx或contact.aspx

【讨论】：