Angular2路由，使用基本选择器作为index.html中的Component

Question

我已经定义了2个路由LoginComponent和DashboardComponent，它们是一个主要组件，它是基础组件appComponent（我还没用过）

我想要的是：

1. 首先加载LoginComponent，然后我成功登录，然后我想加载DashboardComponent。

我所做的是：

1. 我已经将loginComponent的基本组件作为index.html页面中的选择器，并且当我成功登录LoginComponent View时没有删除并替换为Dashboard页面。

这是我的代码：

路线：

const appRoutes: Routes = [
    { path: 'login', component: LoginComponent },
    { path: 'dashboard', component: DashboardComponent },
    { path: '', redirectTo: '/login',pathMatch:'full' },
    { path: '**', component: NotFound404Component }
];

用于登录功能：

this.router.navigate(['/dashboard']);

任何帮助都会得到满足。