Question

我已经习惯了Ionic，最近我开始使用Angular2开发Web应用程序。我有一个路由器概念的问题。

假设我想创建一个带有登录页面的应用程序，该应用程序会将您重定向到带有3个标签的仪表板。

我有一个LoginPage组件，它检查登录详细信息并重定向到应用程序。如何在Angular 2中简单地切换组件？

我定义了我的路线

const appRoutes: Routes = [
  { path: 'login', component: LoginPageComponent }
];

在我的app.component页面上，我有一个按钮

<h1>
  {{title}}
  <!--<a routerLink="/login">Heroes</a>-->
  <button (click)="login()">Change</button>
</h1>

试探这个功能：

login() {
  this.router.navigate(['/login']);
}

点击此按钮后，我的网址正在更改：http://localhost:4200/login 但是我的视图仍然是我用按钮看到的，没有像Ionic那样的“变化”NavController.setRoot(NewComponent)

我不想在<router-outlet>中显示我的内容，我希望区分带有导航的页面。这在Angular2中是否可行？

提前感谢您的帮助