Angular，用于显示 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

您将响应 headers 存储在 Gsheets 实例的成员中，并将 Gsheets 实例作为 _Gsheets 存储在 EditorCtrl 中。

所以你需要这样引用它：

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

Angular，用于显示 json 数据的控制器和服务交互

Angular, controller & service interaction to display json data

javascript

json

angularjs

angular-http

angular-services