為什么在 http.get 之后未定義 Angular 組件屬性

Question

為什么在http.get之后的構造函數中未定義“this.Trails”？

http.get是成功的，但“ this.Trails ”一直未定義。 不過，在我的頁面中，我可以輸出項目。 我不明白這一點。

import { Component, Inject } from '@angular/core';
import { Http } from '@angular/http';

@Component({
    selector: 'salvamont',
    templateUrl: './salvamont.component.html'
})
export class SalvamontComponent {
    public Trails: HikingTrail[];
    constructor(http: Http, @Inject('BASE_URL') baseUrl: string) {
        http.get(baseUrl + 'api/SampleData/HikingTrails')
          .subscribe(result => { 
            this.Trails = result.json();
          }, 
          error => console.error(error));

        if (this.Trails != undefined) {
            console.log("has items");
        }        
    }    
}

class HikingTrail {
   //some members
    }

Answer 1

Http.get() 是一個異步調用，它將在下一個滴答聲中得到處理（在它被解析或拒絕之后）

if (this.Trails != undefined) {
   console.log("has items");
}

以上代碼在訂閱前執行

this.Trails = result.json();

因此不設防