angular 强制更新视图_angular – 模型更改时视图未更新

我有一个Angular(5.2.3)应用程序,我想在页面的右上角显示登录/注销按钮.在幕后,我尝试使用外部Open ID Connect提供程序以静默方式登录用户.当回调到来时,我想显示用户的名字和注销按钮.但唉,这个观点永远不会更新以反映这一点.

这是组件的视图：

• Login

• Hello, { { name }}

• Logout

我已经尝试了各种方法来解决这个问题,基于StackOverflow上的各种问题.这是组件现在的样子：

import {

Component,

OnInit,

SimpleChanges,

ApplicationRef,

ChangeDetectorRef,

NgZone

} from '@angular/core';

import {

OAuthService

} from 'angular-oauth2-oidc';

import {

SessionService

} from '../session.service';

@Component({