javascript - Angular， Controller 和服务交互以显示json数据

我是Angular 1.5+的新用户，但在基础方面遇到了一些小问题，例如在DOM上显示JSON文件中的数据。

因此，我能够很好地获取数据（我认为，因为它可以正常记录控制台）

但是，然后我不太确定如何在控制器上与之交互，以便在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>

在此先感谢您，任何帮助将不胜感激。

问候，

最佳答案

您将响应头存储在Gsheets实例的成员中，而Gsheets实例在EditorCtrl中存储为_Gsheets。

因此，您需要像这样引用它：

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