Fatal编程技术网
  • javascript/
  • Javascript 在Angular中的my ngTableParams中未找到数据

Javascript 在Angular中的my ngTableParams中未找到数据

javascript angularjs

Javascript 在Angular中的my ngTableParams中未找到数据,javascript,angularjs,Javascript,Angularjs,我使用ng表组件 在我的凉亭里。json: 在my index.html中： 当我登录控制台时，$scope.tableParams： ngTableParams{data:Array[0]，参数：函数，设置： 函数，第页：函数，总计：函数…} 为什么我的表格参数中没有数据 更新初始化一个插件： 您能否设置plnkr，以便我们可以看到代码的运行情况，但如果不进行测试，您的ng repeat似乎不正确。你试过只使用数据还是$data？@rawco_de我有一个init aPLUNKER@Merce

我使用ng表组件

在我的凉亭里。json:

在my index.html中：

当我登录控制台时，$scope.tableParams：

ngTableParams{data:Array[0]，参数：函数，设置： 函数，第页：函数，总计：函数…}

为什么我的表格参数中没有数据

更新初始化一个插件：

您能否设置plnkr，以便我们可以看到代码的运行情况，但如果不进行测试，您的ng repeat似乎不正确。你试过只使用数据还是$data？@rawco_de我有一个init aPLUNKER@Mercerplunker与问题中发布的代码不匹配。编辑单元上没有
功能。没有日志。@j.wittwer我不能在Plunker中初始化相同的日志

{
  "name": "angular-seed",
  "description": "A starter project for AngularJS",
  "version": "0.0.0",
  "homepage": "https://github.com/angular/angular-seed",
  "license": "MIT",
  "private": true,
  "dependencies": {
...
    "ng-table": "~0.3.3"
  }
}



<!doctype html>
<html lang="fr" ng-app="test" ng-controller="TitleCtrl">
<head>
...
    <script src="bower_components/ng-table/ng-table.js"></script>
    <link rel="stylesheet" href="bower_components/ng-table/ng-table.css"/>
...
</head>
<body>

<ng-include src="'menu/menu.html'"></ng-include>

<div ng-view style="padding-left: 20px;padding-right: 20px;"></div>

</body>
</html>



<form class="form-horizontal narrow" role="form">
   <div ng-controller="PropertiesCtrl">
        <p><strong>Page:</strong> {{tableParams.page()}}</p>
        <p><strong>Count per page:</strong> {{tableParams.count()}}</p>

        <table ng-table="tableParams" class="table">
            <tr ng-repeat="user in $data">
                <td data-title="'Name'">{{user.name}}</td>
                <td data-title="'Age'">{{user.age}}</td>
            </tr>
        </table>
    </div>
</form>



var propertiesModule = angular.module('test.properties', ['ngTable']);

propertiesModule.controller('PropertiesCtrl', ['$scope', '$routeParams', 'PropertiesService', 'ApplicationService', 'PlatformService', 'Page', '$filter', 'ngTableParams', function ($scope, $routeParams, PropertiesService, ApplicationService, PlatformService, Page, $filter, ngTableParams) {
...
    $scope.on_edit_unit = function () {            
var data = [{name: "Moroni", age: 50},
                {name: "Tiancum", age: 43},
                {name: "Jacob", age: 27},
                {name: "Nephi", age: 29},
                {name: "Enos", age: 34},
                {name: "Tiancum", age: 43},
                {name: "Jacob", age: 27},
                {name: "Nephi", age: 29},
                {name: "Enos", age: 34},
                {name: "Tiancum", age: 43},
                {name: "Jacob", age: 27},
                {name: "Nephi", age: 29},
                {name: "Enos", age: 34},
                {name: "Tiancum", age: 43},
                {name: "Jacob", age: 27},
                {name: "Nephi", age: 29},
                {name: "Enos", age: 34}];

            $scope.tableParams = new ngTableParams({
                page: 1,            // show first page
                count: 10           // count per page
            }, {
                total: data.length, // length of data
                getData: function($defer, params) {
                    $defer.resolve(data.slice((params.page() - 1) * params.count(), params.page() * params.count()));


          }
            });
            console.log( data);
            console.log( $scope.tableParams);

        });
    };
...