如何用一个级别的url构造angular项目？

在网站上工作，包括几个部分：按类别排列的帖子、视频库等。。 我需要有一个级别的url（domain.com/页面地址）。我可以获得该

页面地址

必须加载在前端的哪个视图的信息，但是我无法很好地组织角度项目

我设法使一切工作，但只通过组件，在单模块和单路由器出口，通过发送所有路由到单个组件。

routes:routes=[{apth:'**'，component:mainponent}]

组件决定应该加载哪个组件

/// viewType is retrieved from backend
<app-articles *ngIf="viewType == 'article_categories' || viewType == 'articles'" [viewType]='viewType'></app-articles>
<app-videos *ngIf="viewType == 'video_categories' || viewType == 'video_page'" [viewType]='viewType'></app-videos>
<app-page-not-found *ngIf="viewType == 'page-not-found'" ></app-page-not-found>

///从后端检索viewType

这对我来说似乎真的是个糟糕的解决方案，因为我不能使用RouterLink，每次点击都会重新加载整个网站

还尝试使嵌套的

RouterOutlet

，但无法使其工作

你有解决办法吗

---

谢谢

如果我正确理解了您的问题，我相信一个解决方案是在后端使用Express Router来处理您的路由。解释Express超出了堆栈溢出回答的范围，但YouTube上有大量教程。我推荐Traversy Media的“前后平均堆栈”系列。它很旧，所以它的一部分需要解决，但他的路由器设置工作流程是我今天使用的

您的AppModule将包含：

routes: Routes = [
           {path:  '/pathA', , component: ComponentA },
           {path:  '/pathB', , component: ComponentB },
           {path:  '/pathC', , component: ComponentC, canActivate:[AuthGuard] },
]

但实际路由将通过后端的Express Router进行处理

---

节点有很多路由器包；Express正是我使用的工具。

您应该多花些时间阅读Angular的文档以了解更多信息