verschiedene Vorlage URL der gleichen Komponente

Question

Ich möchte nur meine Home-Komponente entsprechend der Rolle zu konfigurieren.

zum Beispiel

1. wenn die emplye Login haben die Rolle = admin, als die Heimat Komponente sollte die Vorlage URL laden, die für den Admin ist.
2. In ähnlicher Weise, wenn die emplige Anmeldung die Rolle = Kassierer haben, sollte die Home-Komponente die Vorlage URL laden, die für die Kassiererin ist.

kurz ich sage, dass ich eine Komponente haben, und ich möchte auf drei verschiedenen Rollen

möglich, drei verschiedene Template-URLs an drei verschiedenen Zeit laden?

Answer 1

würde ich Router Link und Router-Steckdosen verwenden, so Sie

import { Router } from '@angular/router';
hinzufügen private router: Router, in Ihrem Konstruktor in der Skript-Datei importieren müssen und dann können Sie Ihre Bedingungen

if(role === admin) { 
    this.router.navigate(['/admin-page']);  
} else if(role === cashier) { 
    this.router.navigate(['/cashier-page']);  
} 

Auch haben Vergessen Sie nicht, einen Router-Link in der Datei app-module.ts zu erstellen, lassen Sie mich wissen, wenn Sie Hilfe benötigen.