角2/4 |トークンでAPIデータを取得するにはどうすればよいですか

Question

おはよう、

角度2/4のトークンでAPIデータを取得するにはどうすればよいですか？

import { Component, ViewEncapsulation } from '@angular/core'; 
import { Http, Response } from '@angular/http'; 
import 'rxjs/add/operator/map'; 

@Component({ 
    selector: 'app-root', 
    templateUrl: './app.component.html', 
    styleUrls: ['./app.component.css'], 
    encapsulation: ViewEncapsulation.None, 
}) 

export class AppComponent { 

private apiUrl = 'http://apiurlhere.xom/data'; 
data: any = {}; 

constructor(private http: Http){ 
    console.log('hi'); 
    this.getVoicepickData(); 
    this.getData(); 
} 

//set API header 
    let headers = new Headers({ 
     'Token': "XXXXXXXXXXTOKEN HEREXXXXXXXXXX", 
     'Content-Type': 'application/json' 
    }); 

    getData(){ 
     return this.http.get(this.apiUrl, {headers: headers}) 
      .map((res: Response) => res.json()) 
    } 

    getVoicepickData() { 
     this.getData().subscribe(data => { 
      console.log(data); 
      this.data = data 
     }) 
    } 
} 

iはエラーと言ってしまった：モジュールの解析に失敗しました： '復帰' を関数の外

は、ここに私のコードです。どのように私はトークンでAPIのデータを取得する方法誰かができますか？助けてくれてありがとう。

Answer 1

変数を関数スコープ外に設定することはできません。ただし、公共の財産または関数getDataの中に設定することはできます。

ホープこれは

@Component({ 
    selector: 'app-root', 
    templateUrl: './app.component.html', 
    styleUrls: ['./app.component.css'], 
    encapsulation: ViewEncapsulation.None, 
}) 

export class AppComponent { 

private apiUrl = 'http://apiurlhere.xom/data'; 
data: any = {}; 
headers: Headers; 

constructor(private http: Http){ 
    console.log('hi'); 
    this.getVoicepickData(); 
    this.getData(); 

    this.headers = new Headers({ 
     'Token': "XXXXXXXXXXTOKEN HEREXXXXXXXXXX", 
     'Content-Type': 'application/json' 
    }); 
} 

    // YOU CANNOT SET SOMETHING HERE 

    getData(){ 
     return this.http.get(this.apiUrl, {headers: this.headers}) 
      .map((res: Response) => res.json()); 
    } 

    getVoicepickData() { 
     this.getData().subscribe(data => { 
      console.log(data); 
      this.data = data 
     }); 
    } 
}