UID 不显示在构造函数之外

Question

我在尝试从我的构造函数中获取 uid 时遇到了一些问题。当我运行此代码时，uid 在测试 1 日志中完美显示。但是 Test2 日志显示其未定义。构造函数关闭时uid是否删除自己？

import { Component, OnInit } from '@angular/core';
import {AngularFire, FirebaseObjectObservable, FirebaseListObservable} from 'angularfire2';

@Component({
  selector: 'dashboard',
  templateUrl: 'dashboard.component.html',
  styleUrls: ['./dashboard.component.css']
})
export class DashboardComponent {
  userid:string;
  users:FirebaseListObservable<any[]>;
  constructor(public af: AngularFire) {
    this.af.auth.subscribe(auth => {
      console.log(auth.uid);
      this.userid = auth.uid;
      console.log("Test 1 "+ this.userid);
    });
    console.log("Test2 "+ this.userid);
  }
}

这是我在控制台中的输出

Angular 2 is running in the development mode. Call enableProdMode() to enable the production mode.
dashboard.component.ts:18 Test2 undefined
dashboard.component.ts:14 CgTltJ1h2TUFS5teoACCxoPHP1g1
dashboard.component.ts:16 Test 1 CgTltJ1h2TUFS5teoACCxoPHP1g1

我的第二个问题是如何从构造函数中获取 uid？因为我需要它从数据库中获取一些其他数据。

Answer 1

执行console.log("Test2...")时，该值尚不可用

当数据从服务器到达时，函数传递给 subscribe()

    auth => {
      console.log(auth.uid);
      this.userid = auth.uid;
      console.log("Test 1 "+ this.userid);
    }

被调用，只有那时数据才可用，并且仅在该函数内，console.log("Test2 ...") 在此之前执行了很长时间

export class DashboardComponent {
  userid:string;
  users:FirebaseListObservable<any[]>;
  constructor(public af: AngularFire) {
    this.af.auth.subscribe(auth => {
      console.log(auth.uid);
      this.userid = auth.uid;
      console.log("Test 1 "+ this.userid);
    });
    console.log("Test2 "+ this.userid);
  }
}

UID 不显示在构造函数之外

UID doesn't show out of constructor

authentication

firebase

angularfire

angular