Angular

Question

我的项目是这样呈现的

app > home > mark > opel

当，用户点击欧宝超链接时，此页面不运行...

在 home.component.html 页面中，我有这个：我们一致认为路径是正确的？

<ul>
  <li><a routerLink="mark/opel">Opel</a></li>
</ul>

<router-outlet></router-outlet>

我不明白为什么欧宝页面的内容不见了？

opel.component.html

<h1>Opel page</h1>

我的密码是here

非常感谢您的帮助。

Answer 1

在应用程序的当前结构中，您必须将路径 opel 显式映射到 OpelComponent。

看看 adjusted code

Answer 2

拥有良好的代码结构（目录、命名等）对于维护和进一步开发很重要，但该结构不一定代表路由结构。

路由的重要内容是定义的路由，而您缺少通往 OpelComponent 的路由。

要使您的应用正常运行，您需要在 MarkRoutingModule 中为 opel 添加路由。

添加路线后，您的 MarkRoutingModule 将如下所示：

const routes: Routes = [
  {
    path: '',
    component: MarkComponent,
  },
  {
    path: 'opel', // <- This route here was missing
    component: OpelComponent
  }
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule],
})
export class MarkRoutingModule {}

Angular - 我的页面显示不出来，路径问题？

Angular - My page is not displayed, path problem?

angular-routing