Javascript 带有AngularJS$http.get的DataTable

我不想在angularJS中使用引导数据表-以下是我的代码：

如您所见，当我想从$http.get调用在表中列出数据时，该表不起作用。但是当我从

$scope.data

HTML:

<div class="container" ng-app="formvalid">
  <div class="panel" data-ng-controller="validationCtrl">
  <div class="panel-heading border">    
    <h2>Data table using jquery datatable in Angularjs
    </h2>
  </div>
  <div class="panel-body">
      <table class="table table-bordered bordered table-striped table-condensed datatable" ui-jq="dataTable" ui-options="dataTableOpt">
      <thead>
        <tr>
          <th>#</th>
          <th>Name</th>
          <th>Position</th>

        </tr>
      </thead>
        <tbody>
          <tr ng-repeat="n in data">
            <td>{{$index+1}}</td>
            <td>{{n.name}}</td>
             <td>{{n.system}}</td>

          </tr>
        </tbody>
    </table>

     <table class="table table-bordered bordered table-striped table-condensed datatable" ui-jq="dataTable" ui-options="dataTableOpt">
      <thead>
        <tr>
          <th>#</th>
          <th>Name</th>
          <th>Position</th>

        </tr>
      </thead>
        <tbody>
          <tr ng-repeat="n in test">
            <td>{{$index+1}}</td>
            <td>{{n.Name}}</td>
             <td>{{n.City}}</td>

          </tr>
        </tbody>
    </table>
  </div>
</div>
</div>

---

感谢您提前回复

您必须像这样访问数据：

$scope.test = data.data.records;

---

是的，但是现在排序和过滤在使用REPEATNG的表中不起作用了。您知道为什么吗？因为数据位于一个对象和一个名为records的键中：）检查数据的结果以查看json输出的体系结构

$scope.test = data.data.records;