小编jac*_*ves的帖子

使用NgTable参数通过AJAX加载JSON

我正在尝试使用ngTables使用AJAX调用对数据进行排序和过滤.目前我能够使用ng-repeat复制数据,但我的排序功能都不适用.我引用了这个示例http://plnkr.co/edit/zuzcma?p=info并且能够使用mock.js文件使其工作,但是现在我正在使用我加载到我的网络服务器上的文件我似乎无法让它发挥作用.

我相信答案很简单,感谢任何帮助.我附加了我的标记,以显示我的控制器和html文件的样子.谢谢大家,如果您需要更多信息,请告诉我们!

以下是我引用的API的一些链接.

http://bazalt-cms.com/ng-table/

http://bazalt-cms.com/ng-table/example/6

HTML:

<div ng-controller="myController">
  <table ng-table="tableParams" show-filter="true" class="table table-condensed">
    <tr ng-repeat="user in data">
      <td data-title="foo" sortable="foo">{{user.foo}}</td>
      <td data-title="bar" sortable="bar">{{user.bar}}</td>
    </tr>
  </table>
</div>
Run Code Online (Sandbox Code Playgroud)

控制器:

var app = angular.module('app', ['ngTable']);

app.controller('myController', function($scope, $http, $filter, ngTableParams) {

 $http.get('http://jsondata.com/myjson.json')
  .success(function(data, status) {
    $scope.data = data;
  });

$scope.tableParams = new ngTableParams({
    page: 1,            // show first page
    count: 10,          // count per page
    sorting: {
        foo: 'asc'     // initial sorting
    }
}, {
    total: data.length, // length of data …
Run Code Online (Sandbox Code Playgroud)

javascript ajax json angularjs ngtable

9
推荐指数
2
解决办法
2万
查看次数

标签 统计

ajax ×1

angularjs ×1

javascript ×1

json ×1

ngtable ×1