Javascript 在index.html中以基本选择器作为组件的Angular2路由

我定义了两个路由LoginComponent和DashboardComponent，它们是一个主要组件，即基础组件appComponent（我没有使用）

我想要的是：

首先加载LoginComponent，然后成功登录，然后加载仪表板组件

我所做的是：

我已将基本组件作为index.html页面中的选择器添加到loginComponent，并且当我成功登录时，loginComponent视图未被删除并替换到仪表板页面

这是我的密码：

路线：

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

用于登录功能：

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

---

需要任何帮助。

那么问题出在哪里？您需要使用index.html中的应用程序组件选择器，而不是登录选择器。然后，应用程序组件需要路由器出口指令。是路由器出口为您替换页面。@DeborahK是的，您正在编写，但路由器出口指令如何知道现在选择登录选择器？？是我们在定义组件时在app.module.ts文件中写入的流，例如：-在此（appComponent）组件之后，此组件（LoginComponent）将仅出现。我们可以在app.module.ts文件中的NgModule元数据中的声明数组中说流问题？？？路由配置中的默认路由应该将用户路由到登录路由。如果您有兴趣了解更多信息，我有一门关于路由的课程：