来自json的角度ngTableParams

Question

从 json 数据创建表时遇到问题。

使用 Django + AngularJS

数据不显示。

tables.js

app.controller('tableCtrl', function(ngTableParams, tableData) {
    var data = tableData
    this.tableLatestContests = new ngTableParams({
        page: 1,
        count: 5,
    }, {
        total: data.length,
        getData: function($defer, params) {
            $defer.resolve(data.slice((params.page() - 1) * params.count(), params.page() * params.count())); 
        }
    }
});

services.js

app.service('tableData', [$resource, function($resource) {
    this.data = $resouce('data/table.json', {}, {
        query: {
            method: 'GET',
            isArray: true,
        }
    }
});

data/table.json

[
    {"id": 1, "market": "name", "uid": "uid"},
    {"id": 2, "market": "name2", "uid": "uid2"},
]

table.html（由于 django 语法，在应用程序上将 {{ 和 }} 更改为 // 和 //）

<div class="card-body card-padding" data-ng-controller="tableCtrl as tctrl">
    <table ng-table="tctrl.tableLastestContests" class="table table-striped table-vmiddle">
        <tr ng-repeat="w in $data">
            <td data-title="'ID'"> // w.id // </td>
            <td data-title="'MARKET'"> // w.market // </td>
            <td data-title="'UID'"> // w.uid // </td>
        </tr>
     </table>
 </div> 

任何想法如何从 json 读取和显示带有 tada 的表格？

Answer 1

你误会了什么。 $resource 创建服务实例，而不是从服务中获取数据。这就是为什么您拥有能够获取数据表单 json 而不是数据表单 json 的服务的原因。

this.srv = $resouce('data/table.json', {}, {
    query: {
        method: 'GET',
        isArray: true,
    }
}
this.data = this.srv.query();

加载成功后你会得到this.data中的数据。

当然你可以把最后一行改成这样：

var _self = this;
this.srv.query(function(response) {
    _self.data = response;
});

如果你不想创建服务，你可以这样做：

$http.get('data/table.json').then(function(response) {
    _self.data = response.data;
});

我的帖子不包含对错误的支持。

你可以在这里阅读更多：

https://docs.angularjs.org/api/ngResource/service/$resource https://docs.angularjs.org/api/ng/service/$http

另外，您的视图中有错误。在ng-repeat 中使用data 而不是$data。