angularjs-routing – 使用angular-routing = undefined的ngTabl

发布时间：2020-12-17 16:58:25 所属栏目：安全来源：网络整理

导读：请帮忙.我被困在这一点超过14个小时,我找不到解释或例子. 这就是我现在拥有的： http://plnkr.co/edit/PaYR7c0QXSKxl1jcmRBQ 如果我不使用角度路由,ngTable可以正常工作.一旦我添加路由,它就会出现此错误. 当我评论$scope.tableParams = new ngTableParams({

请帮忙.我被困在这一点超过14个小时,我找不到解释或例子.

这就是我现在拥有的：
http://plnkr.co/edit/PaYR7c0QXSKxl1jcmRBQ

如果我不使用角度路由,ngTable可以正常工作.一旦我添加路由,它就会出现此错误.
当我评论$scope.tableParams = new ngTableParams({时,错误消失了
…但是数据没有显示.

代码不起作用：

var app = angular.module('main',[
  'ngRoute','ngTable'
]).
config(['$routeProvider',function($routeProvider) {
  $routeProvider.when('/',{templateUrl: 'partial1.html',controller: 'MyCtrl1'});
  $routeProvider.otherwise({redirectTo: '/'});
}]);

app.controller('MyCtrl1',[function($scope,ngTableParams) {
  var data = [{name: "Moroni",age: 50},{name: "Tiancum",age: 43},{name: "Jacob",age: 27},{name: "Nephi",age: 29},{name: "Enos",age: 34},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()));
        }
    });   
  }]);
    </script>
  </head>

  <body ng-app="main">
    <div ng-view=""></div>
  </body>

解决方法

应更正HTML标题:(您在角度之前加载ngTable)

<script>document.write('<base href="' + document.location + '" />');</script>
<script data-require="angular.js@*" data-semver="1.2.10" src="http://code.angularjs.org/1.2.10/angular.js"></script>
<script data-require="angular-route@*" data-semver="1.2.10" src="http://code.angularjs.org/1.2.10/angular-route.js"></script>
<script data-require="ng-table@*" data-semver="0.3.0" src="http://bazalt-cms.com/assets/ng-table/0.3.0/ng-table.js"></script>

控制器声明有点偏.

app.controller('MyCtrl1',['$scope','ngTableParams',function MyCtrl1($scope,ngTableParams) {

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!