登录用户以未注册用户的身份获得另一个导航

Question

我做网站是学校的功课，我想为注册用户做类似其他导航菜单的操作。因此，如果用户未登录，他将看到带有主页，登录和注册的导航菜单。但是，如果他登录到系统，则会获得另一个带有其功能的导航菜单（例如，我的帐户，我的团队等）。我不知道该怎么办。我以为是通过ngIf，但是我不知道怎么做。感谢您的帮助。

nav.component.html：

<header>
  <div class="container">
      <a routerLink="/" class="logo">{{ appTitle }}</a>
    <nav>
      <ul>
        <li><a routerLink="/">Domov</a></li>
        <li><a routerLink="/login">Prihlasenie</a></li>
        <li><a routerLink="/register">Registracia</a></li>
      </ul>
    </nav>
  </div>
</header>

nav.component.ts

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

@Component({
  selector: 'app-nav',
  templateUrl: './nav.component.html',
  styleUrls: ['./nav.component.scss']
})
export class NavComponent implements OnInit {

  appTitle = 'Fantasy liga';

  constructor() { }

  ngOnInit() {
  }

}

app.component.html

<app-nav></app-nav>

<section>
  <router-outlet></router-outlet>
</section>