显示json数据的角度，控制器和服务交互

Question

我是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> 

预先感谢您，和任何帮助将非常感激。

问候，

Answer 1

您存储在Gsheets实例的成员和Gsheets实例作为EditorCtrl _Gsheets响应头。

所以，你需要像这样引用它：

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