Angular 新组件上的角度10布线始终相同

我有两个部分：

默认的

app

组件，解析为

/

和

新的

contactwish

组件，解析为

/contactwish

在

app routing.module.ts

中，我添加了新的

contactwish

组件：

import { ContactwishComponent } from './contactwish/contactwish.component';

const routes: Routes = [
  {
    path:'contactwish',
    component:ContactwishComponent
  }
];

我现在在

app.component.html

中定义了一个

routerLink

：

<a routerLink="contactwish"> Weiter </a>

<a routerLink="/"> Zurück </a>

问题

如果我启动应用程序，我可以看到按钮

Weiter

。我可以点击它，它将加载

/contactwish

，所以这似乎是可行的。但是在

/contactwish

下，我没有看到

Zurück

按钮。我看到了我点击的同一个按钮。看起来我仍然在

/

上

问题

我对Angular还不熟悉，对这个话题还有一些问题

在一个教程中，我看到一个人使用

。我试着用谷歌搜索它，但我找不到一个很好的解释，所以我删除了它。用

路由器插座

也不行，也许我必须用它？我必须使用它一次还是在每个组件中使用

将新组件添加到

app routing.module.ts

对于路由非常重要，但我没有添加

app.component.ts

。我只是写了

routerLink=“/”

。这是创建返回主页的路线的正确方法吗`

如何解决上述问题

感谢所有花时间来研究这个问题的人

编辑

如果我在

app.component.html

和

contactwish.component.html

中添加

router outlet

：

<a routerLink="contactwish"> Weiter </a>

<a routerLink="/"> Zurück </a>

---

我现在在

/contactwish

中看到了这两个视图，但我只想先看到

Zurück

，路由错误主要显示在控制台日志上，所以请尝试检索发生的情况。 你可能想看看这个例子，我相信它会指导你。 **路由器插座**标签就像一个路由点，您的组件将在其中动态加载，当然使用路由器（因此，是的，没有它，您将看不到任何显示）。

---

希望我能帮上一点忙，快乐编码：）

分享你更新Weiter/Zuruck按钮的组件中的一些代码，以及你是如何做到这一点的，请给出详细说明。我建议大家通读一下，例如，@或。@这些都是我在angular项目中编写的所有代码。创建角度项目时，所有其他代码都是默认代码。我是否要添加默认代码，即angular？看起来很奇怪。问题将变得巨大。我很高兴，您可能想检查路由器出口是否存在，路由器模块是否导入，路由是否定义良好（tbh，这些是最常见的问题）。我认为问题在于路由系统无法完全切换视图，这真的很令人伤心。必须始终显示已定义的按钮。