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实例存储为编辑器控件中的_Gsheets。

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

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

角度控制器＆amp;服务交互以显示json数据

1 个答案: