Я использую проект Angular 4 CLI, и у меня есть угловой сервис, угловой компонент, перехватчик, охрана и другие обычные предметы.
Сервисный компонент My 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 через свой компонент Login и проверяю, что у меня установлен объект aminAuthContext.
Теперь я вызываю компонент Article, и он вызывает метод isAdmin, где я получаю неопределенный AdminAuthContext.
Может кто-нибудь сказать, почему? и как это исправить?