路由器插座无法呈现特定的组件内容

Question

app.component.html：

<app-header></app-header>
<h1 style="text-align: center;">
    Welcome Screen
</h1>
<router-outlet></router-outlet>

employee-search.component.html：

<h1 class="title">
    Employee Search
  </h1>
<p>Employee search screen</p>

当我从app.component.html删除h1标签时，我只能看到“员工搜索屏幕”。如果不删除它，则可以在GUI上看到“欢迎屏幕”和“员工搜索屏幕”。在任何情况下，都无法在浏览器上看到“雇员搜索”的任何方式。

我的路由是否有问题？

Answer 1

可能您已将app-header组件作为位置：已修复。而且您父组件中的h1标签位于app-header组件下，请尝试向路由组件添加一些
：

String[] token=s.split("[.-]");

Answer 2

通过删除h1标签的标题类来解决