我正在使用Angular 4 CLI项目,并且有角度服务,角度组件,拦截器,警卫和其他常规物品。
我的Angular服务组件包含以下项目:
export class AdminAuthService {
adminAuthContext: AdminAuthContext;
constructor(private httpClient: HttpClient, private urlService: UrlService) {
... other code ...
this.loadSecurityContext();
}
loadSecurityContext() {
this.httpClient.get<AdminAuthContext>(`${this.urlService.url_authContext}`)
.subscribe(context => {
this.adminAuthContext = context;
}, error => Utils.logErrorResponse(error));
}
}
我的组件具有以下代码:
export class ArticleManagerComponent{
constructor(private route: ActivatedRoute, private articleService: ArticleService, private adminAuthService: AdminAuthService) {
}
isAdmin() {
let canActivate = this.adminAuthService.adminAuthContext && this.adminAuthService.adminAuthContext.claims && (this.adminAuthService.adminAuthContext.claims.find(claim => claim.type === 'http://schemas.microsoft.com/ws/2008/06/identity/claims/role' && claim.value === 'Admin'));
return canActivate;
}
}
现在,我有了Component.Html
<div class="rightpane" *ngIf="isAdmin()">
<admin-article-edit [selectedArticleId]="articleEdit_articleId"></admin-article-edit>
现在,我通过登录组件调用AdminAuthServie,并确保已设置aminAuthContext对象。
现在,我调用Article组件,并调用isAdmin方法,其中未定义AdminAuthContext。
谁能告诉我为什么?以及如何解决这个问题?