Угловое, управление и взаимодействие с сервисом для отображения данных 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

Вы сохраняете заголовки ответа в элементе экземпляра Gsheets и Gsheets например, как _Gsheets в EditorCtrl.

Таким образом, вы должны ссылаться на него, как это:

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