如何为同一个组件加载不同的模板？

Question

我只想根据角色配置我的Home Component。

例如：

1. 如果员工有角色= admin，那么回家 组件应该加载管理员的模板URL。
2. 同样，如果雇员有角色=收银员，那么 home组件应该加载用于的模板URL 出纳员。

简而言之，我有一个组件，我想在三个不同的角色上三个不同的时间加载三个不同的模板。

有可能吗？

Answer 1

我会使用路由器链接和路由器插座，所以 你需要导入

import { Router } from '@angular/router';
在typeScript文件中的构造函数中添加private router: Router,，然后就可以了解条件

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

另外不要忘记在app-module.ts文件上创建一个路由器链接，如果您需要任何帮助，请告诉我。