Angular 重定向到錯誤的網址？

Question

我正在學習 angular，我想制作一個簡單的應用程序，用戶可以在其中來回切換兩個組件。 它的一種工作方式。 但是當我嘗試這樣從導航欄返回登錄時：

<a routerLink="login" class="nav-item nav-link" href="#">Logout</a>

我收到一個錯誤，提示它試圖到達顯然不存在的“導航欄/登錄”（而不是/登錄）。

當我嘗試這種方式時：

<a (click)="handleSubmitLogout()" class="nav-item nav-link" href="#">Logout</a>

在 ts 中：

handleSubmitLogout() {
    this._router.navigateByUrl('login');
  }

它返回登錄，但一秒鍾后它被重定向到空 url。

我的應用程序路由：

import {LoginComponent} from './login/login.component';
import {NavbarComponent} from './navbar/navbar.component';

const routes: Routes = [

  {path: 'login', component: LoginComponent},
  {path: 'navbar', component: NavbarComponent},

];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

感謝您的幫助！

Answer 1

 <a routerLink="/login" class="nav-item nav-link" >Logout</a>

或者

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

Answer 2

將要添加路由的錨標記分配給 routerLink 屬性。

<a routerLink="/login" class="nav-item nav-link" >Logout</a>

定義基本路由