jsonデータを表示する角、コントローラー、サービスの相互作用

Question

私はAngular 1.5+で新しく、JSONファイルのデータをDOMに表示するなど、基本的な問題は少しあります。その後、私はそのように、コントローラ上でそれと相互作用する方法があまりにもわからないんだけど、

（それは大丈夫ログを慰めるために、私は思います）しかし、

だから、私は、データの罰金を取得することができますよそれは、HTMLで使われています

サービス

export default class Gsheets { 
    constructor($http){ 
     'ngInject'; 

    this._$http = $http; 


    var gData = this; 

    this._$http({ 
     method: 'GET', 
     url: 'https://jsonplaceholder.typicode.com/posts', 
    }) 
    .then(function(response) { 
    console.log(response.data); 
    gData.headers = response.data; 
    }, function() { 
     alert("Error"); 
    }); 
} 

}

コントローラ

（私はここで行うには何がありますか？）

class EditorCtrl { 
    constructor(Gsheets) { 
    'ngInject'; 


    this._Gsheets = Gsheets; 
    } 
} 

HTML

 <ul> 
     <li ng-repeat="header in $ctrl.gData.headers"></li> 
     {{header}} 
     </ul> 

事前にありがとう、そして任意のヘルプははるかに高く評価されます。

よろしく、

Answer 1

あなたEditorCtrlで_GsheetsとしてGsheetsインスタンスのメンバとGsheetsインスタンスに応答ヘッダを格納します。代わりに、HTML要素の、私はそれがコントローラとは何かを持っていたと思った、あなたは非常に多くの先生に感謝、

<ul> 
    <li ng-repeat="header in $ctrl._Gsheets.headers">{{header}}</li> 
</ul>