Зарегистрированный пользователь получает другую навигацию как незарегистрированный пользователь - PullRequest
Новая
       7

Зарегистрированный пользователь получает другую навигацию как незарегистрированный пользователь

0 голосов
/ 26 января 2019

Я делаю сайт как домашнее задание для школы и хочу сделать что-то вроде другого меню навигации для зарегистрированного пользователя.Поэтому, если пользователь не вошел в систему, он увидит меню навигации с Home, Log in, Register.Но если он войдет в систему, он получит другое меню навигации со своими функциями (например, Моя учетная запись, моя команда и т. Д.).Я не знаю, как я могу это сделать.Я думал, что это будет через 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>
...