如何在Angular中隐藏到其他页面的登录和注册链接

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { LoginComponent } from './login/login.component';
import { RegisterComponent } from './register/register.component';

const routes: Routes = [
  { path: 'login', component: LoginComponent },
  { path: 'register', component: RegisterComponent },
];

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

<nav>
  <a routerLink="/home">Home</a>
  <a routerLink="/about">About</a>
  <a *ngIf="!isLoggedIn" routerLink="/login">Login</a>
  <a *ngIf="!isLoggedIn" routerLink="/register">Register</a>
  <button *ngIf="isLoggedIn" (click)="logout()">Logout</button>
</nav>

import { Component } from '@angular/core';

@Component({
  selector: 'app-navbar',
  templateUrl: './navbar.component.html',
  styleUrls: ['./navbar.component.css']
})
export class NavbarComponent {
  isLoggedIn: boolean = false;

  logout() {
    // 实现登出逻辑
  }
}

<h2>Login</h2>
<!-- 登录表单 -->

<h2>Register</h2>
<!-- 注册表单 -->