ng表包含来自http请求的数据

时间:2014-09-14 15:27:12

标签: angularjs

在http服务成功回调时,有没有人在ng-table加载数据方面有一个不错的例子?

this.getData = function(){      
        tmp = this; 
        tmp.loading = true; 

        $http.post('/fetch', 
            $.param({
                service_request: JSON.stringify(this.session)           
            }
            )).success(function(data) {             
                tmp.loading = false; 
                tmp.tableData = data;

        });
    };

我想从tableData变量构建表。

由于

1 个答案:

答案 0 :(得分:0)

我认为这是一种做法。

创建服务以获取表格数据(我刚刚从您的代码中选择了代码:

app.factory('getTableData', function($http) {
  return {
    getData: function(session){
              return $http.post('/fetch',
              {
                service_request: session
              }))
    }
  }
})

然后在服务器中注入服务:

app.controller('DemoCtrl', function(getTableData, $scope, $window) {

   $scope.loadTable = function(){
     getTableData.getData(JSON.stringify($window.session)) //not sure where you have the session variable stored.
     .sucess(function(data){
        $scope.tableData = data;
     })
     .error(function(){
       //do something
     })

   }
})

HTML应该非常简单:

<button ng-click="loadTable()">Load Table</button>

<table ng-table class="table">
<tr ng-repeat="row in tableData">
    <td data-title="'Property1'">{{row.Property1}}</td>
    <td data-title="'Property2'">{{row.Property2}}</td>
</tr>
</table>