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

Question

我在一个.NET 4.7.2项目中工作，我需要用aspx页面加载我的angular 7视图。我必须在页面之间进行路由，而不能进行角路由，并且路由必须由aspx页面完成。

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

如何实现？

Answer 1

简单方法：

第一步：您的角度应用程序应为模块格式。

步骤2：您的角度构建应包含一些常见的Js包和单独的模块包。

第3步：将常见的Js捆绑包放到.aspx母版页上。

第4步：将模块包放在页面上，并用皮带绑好角形模块。 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