TypeScriptで角度1.6を使用してサービスからデータを取得できません

Question

Service in Controllerからデータにアクセスする際に問題があります。 Here`s私のサービスのファイルコード：

import {IHttpService} from 'Angular'; 

export class MyService { 
public static $inject = ['$http']; 
constructor(private $http:IHttpService, private getItems){ 

this.getItems= function() { 
    this.$http.get('items.json').then(function(response){ 
    if(err){ 
     console.error(err); 
    } 
    console.log(response.data); 
    return response.data; 
    }); 
}}} 

そしてController`sファイルコード：

import {MyService} from './MyService'; 
export class MyController { 
public:getData; 
static inject: Array<string> = ['$http', '$scope', 'MyService']; 
constructor(private $http:ng.IHttpService, private $scope:any, private MyService:any){ 
    this.getData = function(){ 
     MyService.getItems.then(function (data) { 
     this.getItems = data; 

     console.log(data); 
    }); 
    } 

} 

誰も私が私のコードで間違って何の `s説明できますか？ありがとう。

Answer 1

関数宣言を以下のように変更するか、（コンテキスト）を保存するようにArrow関数を使用してください。また、getItemsメソッドから$http約束を返さなければなりません。それ以外の場合は.thenメソッドをチェーン約束に適用することはできません。

getItems() { 
    //return promise here. 
    return this.$http.get('items.json').then((response) => { 
    if(err){ 
     console.error(err); 
    } 
    console.log(response.data); 
    //returning data to chained promise. 
    return response.data; 
    }); 
} 

Answer 2

戻りgetItemsメソッド内部の約束、それはハハ、

this.getItems= function() { 
    return this.$http.get('items.json').then(function(response){ 
    if(err){ 
     console.error(err); 
    } 
    console.log(response.data); 
    return response.data; 
    }); 
}}}