Angular 路由器出口角2

我是angular 2的新手，因为路由器插座是动态的，它们用out组件替换元件（如果我错了，请纠正我）。为什么我的组件不使用路由器插座显示

这是我的路由配置：

import { Routes } from '@angular/router'
import { AppComponent } from './app.component'
import { DashBoardComponent } from './dash-board/dash-board.component'
import { LoginComponent } from './login/login.component'
import { AboutComponent } from './about/about.component'
import { ContactUsComponent } from './contact-us/contact-us.component'
import { HomeComponent } from './home/home.component'

export const rout: Routes = [
    { path: '', redirectTo: 'login', pathMatch: 'full' },
    { path: 'login', component: LoginComponent },
    {
        path: 'dashBoard', component: DashBoardComponent, children: [
            { path: '', redirectTo: 'home', pathMatch: 'full' },
            { path: 'contact', component: ContactUsComponent },
            { path: 'home', component: HomeComponent },
            { path: 'about', component: AboutComponent }
        ]
    }
];

在我的仪表板组件（登录时导航到）中，我有

主页
关于
接触

问题是，每当我取消对“appabout”和“apphome”的评论时，我都可以看到我的组件，否则我的页面上就什么都没有

也告诉我两者的区别

<router-outlet>
        <!--<app-home></app-home>-->
        <!--<app-contact-us></app-contact-us>-->
        <!--<app-about></app-about>-->
      </router-outlet>

简单

<router-outlet>
      </router-outlet>

只能是

。如果它包含任何内容（空格、换行符、其他标记等），不要期望它做任何有用的事情。aou是否将

RouterModule

添加到

imports:[…]

并正确添加路由？是的，我在importsok中添加了“RouterModule.forRoot（routes）”，因此我发现了问题，每个组件要显示的文本隐藏在引导导航栏后面-_-

<router-outlet>
      </router-outlet>