Angular2 - 將 http.get 響應傳遞給類對象

Question

我是角度的新手。 我有一個 json 文件，我可以在其中配置我需要在我的應用程序中使用的 url。

應用程序/配置/development.json

{
   "apiUrl": "http://staging.domain.com:9000/",
   "debugging": true
}

下面是我在 config.service.ts 中的代碼：

export class ConfigService {
    private apiURL:any;
    constructor (private http: Http) {}

   getApiURL(){
       this.http.get("app/config/development.json").map(res:Response=>res.json())
      .subscribe(data=>{
         this.apiURL = data;

       })

        console.log(this.apiURL);//this returns undefined
   }

}

我要讓this.apiURL遏制的響應http.get 。 當我創建另一個方法時， this.apiURL的值仍然與方法getAPIURL() 。

someMethod()
{
   console.log(this.apiURL)//this must contain the response from http.get
}

Answer 1

你可以做這樣的事情。 在您的服務文件中。

//whatever model u defined
       getApiURL():Observable<Object[]>{     
      return this.http.get(this.whateverURL)
                .map(res:Response=>res.json())
                .catch((error:any) => Observable.throw(error.json().error || 'Server error'));
  }

在您的組件文件中

  yourData:Object[];
  //whatever Model u defined.
  //assuming yourService is your service instance which u did in constructor.
  this.yourService.getApiURL()
        .subscribe(
            yourData=>{
              this.yourData=yourData;               
            },err=>{
              console.log(err);
              alert("Something went wrong");
            }
        )
  }