【发布时间】：2019-12-27 19:13:38
【问题描述】：
我现在面临一个奇怪的问题，这个问题以前有效。我正在使用 Angular 8。请看这个。
App.component.ts
constructor(private readonly oidcFacade: OidcFacade) {
this.loading$ = this.oidcFacade.loading$;
this.expiring$ = this.oidcFacade.expiring$;
this.expired$ = this.oidcFacade.expired$;
this.loggedIn$ = this.oidcFacade.loggedIn$;
this.errors$ = this.oidcFacade.errors$;
this.identity$ = this.oidcFacade.identity$;
}
ngOnInit() {
this.oidcFacade.getOidcUser();
this.oidcFacade.getUserManager().getUser().then( user => {
if (user) {
console.log('Analytics Logged In');
console.log('this.loggedIn$', this.loggedIn$);
} else {
this.oidcFacade.signinRedirect();
}
});
}
我正在使用 OIDC 客户端进行身份验证。第一次，当用户未登录时，它会重定向进行身份验证，获取令牌并返回。这个过程使 this.loggedIn$ 和其他对象被实例化。
App.component.html
<ng-container *ngIf="loggedIn$ | async;">
<app-dashboard></app-dashboard>
</ng-container>
<ng-template #notLoggedIn>
<app-progress-spinner
[color]="color" [mode]="mode"
[value]="value" [diameter]="diameter">
</app-progress-spinner>
</ng-template>
这将显示一个材料加载图标，直到身份验证完成，loggedIn 变量将为 true 并且 app-dashboard 将被呈现。
假设此代码位于名为 /dashboard 的菜单上，如果我有时让我的应用程序处于空闲状态，然后返回另一个菜单并返回 /dashboard，它会一直显示 app-progress-spinner。
需要注意的重要一点是，控制台打印 "Analytics Logged In" 和带有 this.loggedIn 的对象，只有在身份验证完成后才会为真。 如果我检查控制台和元素部分，它只显示 app-progress-spinner 组件，而不是 app-dashboard。
有什么想法吗？它很奇怪。它有时有效，有时我只得到加载图标。
是因为 Angular 8 还是我在这里缺少的其他东西？
提前致谢。
【问题讨论】：
-
尝试关闭
Ivy Renderer，它仍然存在问题，并且在其他情况下对我造成了类似的问题。在 tsconfig.app.json"angularCompilerOptions": { "enableIvy": true }内。也许这会有所帮助。 -
当然，我会试一试。默认情况下，我的 tsconfig.json 中没有这些设置。这意味着它将 enableIvy 构建为关闭。
-
请在
this.oidcFacade.loggedIn$中设置值的位置发布代码 -
您没有设置任何值。身份验证完成后，OIDC 客户端库会自动执行此操作。如果您继续使用该应用程序，它将默认工作。如果您让它闲置并更改选项卡并返回此选项卡代码，则会出现加载图标。
-
好吧，你能不能尝试订阅 observable，并检查控制台中的值是否正确。在 ngOnInit
this.loggedIn$.subscribe(status => console.log(status))。控制台中填充了哪些值？
标签： angular typescript angular8