2017-10-19 132 views
0

我只想根據角色配置我的Home組件。相同組件的不同模板url

例如

  1. 如果emplye登錄有角色=管理,比家用 組件應加載模板URL這是管理員。
  2. 類似地,如果emplye登錄名具有角色=收銀員,那麼 家庭組件應加載用於 收銀員的模板URL。

總之我是說​​,我有一個組成部分,我想在三個不同的時間在三個不同的角色

可以裝載三個不同的模板網址嗎?

+0

完全可能,有很多方法可以做到這一點。檢查一下路由和路由器插座或ngswitch是否有點簡單。 – rjustin

+0

你能請我重定向到最好的方法 – faizan

+0

謝謝#peace – faizan

回答

0

我會使用路由器的鏈路和路由器的網點,所以 需要導入

import { Router } from '@angular/router';
了打字稿文件添加private router: Router,構造函數裏面,然後你可以有你的條件

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

而且不要忘記在app-module.ts文件上創建一個路由器鏈接,讓我知道你是否需要任何幫助。

+0

我必須爲我的三個角色使用3個打字稿文件(組件)。並且每個組件都有自己的html文件。 – faizan

+0

但在我的情況下,我有一個組件,我想要在運行時基於角色 – faizan

+0

加載三個不同的HTML文件,所以如果你只有一個組件的所有三個,那麼它更加容易,在你的TS文件只是創建一個新的變量,並將角色值分配給變量。然後在你的HTML文件中做一堆

ADMIN CONTENT
CASHIER CONTENT

相關問題