AWS Amplify signIn变量未定义

Question

我在此站点上注意到了我使用的site上的aws-amplify，this.signedIn在此链接上的任何地方都没有使用。我正在尝试使用true / false值来指示用户是否已登录。

这是代码：

  constructor(public mediaObserver: MediaObserver, private amplifyService: AmplifyService ){
this.amplifyService.authStateChange$
.subscribe(authState => {
    this.signedIn = authState.state === 'signedIn';
  });
  console.log('This is from home constructor for signedIn boolean value ', this.signedIn)

this.signedIn is sent to the console window as : undefined

Answer 1

AppComponent没有为signedIn设置初始值，因此默认情况下为undefined：

export class AppComponent {
    signedIn: boolean;
    ...
}

您的console.log(...)在组件构造函数中，因此在命中日志调用时-值仍为undefined。

您仍然可以从模板中引用signedIn，因为undefined的值将解析为false。或者，您可以更明确地使用signedIn: boolean = false进行初始化。