Asp.Net Core中的多个Angular模块

Question

在Asp.Net Core MVC上下文中使用Angular 4的多个模块的最佳方法是什么？

我有一个包含几个部分的应用程序，每个部分由控制器和视图表示。在这些部分，我想使用Angular来实现子部分（所以让我们说 - 对于ShopController / View，我想有子页面 - 商店/商品商店/购物车商店/详情等。 ）。

对于一个部分而言，这并不是一件容易的事 - 例如，对于Shop I，我可以将<app-root>放在商店的索引视图中，其中app-root是一个带有<router-outlet>的AppComponent ，驻留在主AppModule（以及它的路由），但如果我有多个这样的情况 - 所以Shop部分（ShopController），然后设置部分（SettingsController）等，其中每个部分应该有自己的子路由由Angular控制？

Answer 1

您不应在服务器上创建单独的视图以与Angular ShopComponent的子组件对应。使用Angular的主要目的之一是能够创建“单页面应用程序”，您只需返回服务器以获取应用程序所需的数据。

您可以使用Angular“Child Routes”来定义Shop / Cart和Shop / Details路线。请参阅：https://angular-2-training-book.rangle.io/handout/routing/child_routes.html

Answer 2

在Angular js 4和Asp.Net应用程序中难以处理路由，要么您需要选择asp.net路由或角度js路由。因为它在两个路由处理单独的部分Asp.net中的注册路由器路由表中的角度路由出口。

如果你同时使用两者，你​​肯定会在页面刷新中出现路由错误

截至目前，尚未实现连接路由系统，并且在Asp.net Core和Angular 4路由中不可用。