组件中未定义的Angular Service对象

时间:2018-09-01 16:19:04

标签: angular angular-services angular-components angular-httpclient angular-observable

我正在使用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。

谁能告诉我为什么?以及如何解决这个问题?

0 个答案:

没有答案