Javascript NgTable不显示数据，仅显示标题_Javascript_Angularjs_Ngtable

Javascript NgTable不显示数据，仅显示标题

javascript angularjs

Javascript NgTable不显示数据，仅显示标题,javascript,angularjs,ngtable,Javascript,Angularjs,Ngtable,我试图为ngTable运行简单的代码，但它只显示标题，不显示数据。我正在使用ngTable的最新文档 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js" type="text/javascript"></script> <link rel="stylesheet" href="https://unpkg.com/ng-table@2.0.2/bundle

我试图为ngTable运行简单的代码，但它只显示标题，不显示数据。我正在使用ngTable的最新文档

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="https://unpkg.com/ng-table@2.0.2/bundles/ng-table.min.css">
<script src="https://unpkg.com/ng-table@2.0.2/bundles/ng-table.min.js"></script>
<!DOCTYPE html>
<html>

<head>
    <title></title>
</head>

<body>
    <div ng-app="myApp" ng-controller="ctrl">
        <table ng-table="vm.tableParams" class="table" show-filter="true">
            <tr ng-repeat="user in $data">
                <td title="'Name'" filter="{ name: 'text'}" sortable="'name'">
                    {{user.name}}</td>
                <td title="'Age'" filter="{ age: 'number'}" sortable="'age'">
                    {{user.age}}</td>
            </tr>
        </table>
    </div>
</body>

</html>
<script type="text/javascript">
angular.module("myApp", ["ngTable"])
    .controller('ctrl', ['NgTableParams', function(NgTableParams) {
        var vm = this;
        var data = [{
            name: "Moroni",
            age: 50
        }, {
            name: "Moroni",
            age: 50
        }, {
            name: "Moroni",
            age: 50
        }];
        vm.tableParams = new NgTableParams({}, {
            dataset: data
        });

    }])
</script>

您将控制器和控制器作为语法混合在一起

HTML

问题在于您在视图中访问的数据变量

angular.modulemyApp[ngTable] .controller'ctrl'，['NgTableParams'，'$scope'，functionNgTableParams，$scope{ var vm=这个；风险值数据=[{ 姓名：Moroni1，年龄:50 }, { 姓名：Moroni2，年龄:50 }, { 姓名：Moroni3，年龄:50 }]; $scope.data=数据； vm.tableParams=新的NgTableParams{}{ 数据集：数据 }; }] {{user.name} {{user.age}

变量的实际问题是什么？您是在$data中的ng repeat like user附近的视图中访问的，数据变量是局部变量而不是scope的一部分如果我使用vm.data，这不使其成为scope的一部分吗？这意味着混合控制器和控制器是什么？您能详细说明一下吗？您应该使用它作为ng控制器=ctrl作为vml>

<div ng-controller="ctrl">
      <table ng-table="tableParams" class="table" show-filter="true">
        <tbody>
          <tr ng-repeat="row in $data">
            <td data-title="'Name'"  sortable="'name'">{{ row.name }}</td>
            <td data-title="'Age'"  sortable="'age'">{{ row.age }}</td>
          </tr>
        </tbody>
      </table>
    </div>

var app = angular.module('ngTableApp', ['ngTable'])
  .controller('ctrl', function($scope, $filter, $q, NgTableParams) {
    var data = [{
      name: "Moroni",
      age: 50
    }, {
      name: "Moroni",
      age: 50
    }, {
      name: "Moroni",
      age: 50
    }];
    $scope.tableParams = new NgTableParams({
      page: 1,
      count: 10
    }, {
      data: data
    });

  })