使用ng-table问题加载数据

问题描述 投票:0回答:1

我正在尝试使用ng-table显示数据集。但数据未加载。请检查我的样本服务和控制器

   app.service('ContactService', function () {
var bfLosses = [ 
        { idx: 0, uid: 'User 11', name: 'Name 11', area: 'Area 1'},
        { idx: 1, uid: 'User 12', name: 'Name 12', area: 'Area 1'},
        { idx: 2, uid: 'User 21', name: 'Name 21', area: 'Area 2'},
        { idx: 3, uid: 'User 22', name: 'Name 22', area: 'Area 2'}
      ];


}

我需要访问上述数组以填充表。我的控制器

    app.controller("businessController", function ($scope,NgTableParams,ContactService){
    $scope.tableParams = new NgTableParams({
        group: "area"
      },{
        dataset:   $scope.bfLosses
      });

});

当在控制器内部定义数组时,效果很好。但是我的要求是在控制器内部访问它。

javascript angularjs ngtable
1个回答
0
投票

服务应返回参考:

  app.service('ContactService', function () {
var bfLosses = [ 
        { idx: 0, uid: 'User 11', name: 'Name 11', area: 'Area 1'},
        { idx: 1, uid: 'User 12', name: 'Name 12', area: 'Area 1'},
        { idx: 2, uid: 'User 21', name: 'Name 21', area: 'Area 2'},
        { idx: 3, uid: 'User 22', name: 'Name 22', area: 'Area 2'}
      ];
  return {
    bfLosses: bfLosses 
  };

}

服务应通过您注入的依赖项进行访问:

    app.controller("businessController", function ($scope,NgTableParams,ContactService){
    $scope.tableParams = new NgTableParams({
        group: "area"
      },{
        dataset:   ContactService.bfLosses
      });

});
© www.soinside.com 2019 - 2024. All rights reserved.