大佬教程收集整理的这篇文章主要介绍了我收到TypeError：从工厂ng-Table AngularJS加载数据时,无法调用undefined方法’slice’，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
TypeError：无法调用未定义的方法’slice’
at Object.$scope.tableParams.ngTableParams.getData(index.html：122：32)
当我对json数据值进行硬编码时,它的工作正常.我认为来自工厂的数据不仅仅包含json数据结果,因此切片存在问题.
我的控制器看起来像这样：
@H_561_14@myApp.controller('usersCtrl',function usersCtrl($scope,userData,$filter,ngTableParams,$log){ userData.getUsers(function(users){ $scope.users = users; }) var users = $scope.users; $scope.$watch("filter.$",function () { $scope.tableParams.reload(); }); $scope.tableParams = new ngTableParams({ page: 1,// show first page count: 10,// count per page sorTing: { name: 'asc' // initial sorTing } },{ getData: function($defer,params) { var filteredData = $filter('filter')(users,$scope.filter); var orderedData = params.sorTing() ? $filter('orderBy')(filteredData,params.orderBy()) : filteredData; $defer.resolve(orderedData.slice((params.page() - 1) * params.count(),params.page() * params.count())); },$scope: $scope }); });
那我的工厂服务是这样的：
@H_561_14@myApp.factory('userData',function($http,$log){ return { getUsers: function(successcb){ $http({method: 'GET',url: 'api/users'}). success(function(data,status,headers,config){ successcb(data); $log.warn(data,config); }). error(function(data,config){ $log.warn(data,config); }); } } });
我的HTML是这样的：
<div class="row">
<div>
<p>Filter: <input class="form-control" type="text" ng-model="filter.$" /></p>
<table ng-table="tableParams" class="table">
<tr ng-repeat="user in $data">
<td data-title="'Name'" sortable="name">
{{user.namE}}
</td>
<td data-title="'Age'" sortable="'age'">
{{user.agE}}
</td>
</tr>
</table>
</div>
</div>
尝试将userData.getUsers移动到：
getData: function ($defer,params) { /* make ajax call */ userData.getUsers(function(users) { /* Now we have data to work with*/ $scope.users = users; var filteredData = $filter('filter')(users,$scope.filter); var orderedData = params.sorTing() ? $filter('orderBy')(filteredData,params.orderBy()) : filteredData; /* and can resolve table promise */ $defer.resolve(orderedData.slice((params.page() - 1) * params.count(),params.page() * params.count())); }) }
以上是大佬教程为你收集整理的我收到TypeError：从工厂ng-Table AngularJS加载数据时,无法调用undefined方法’slice’全部内容，希望文章能够帮你解决我收到TypeError：从工厂ng-Table AngularJS加载数据时,无法调用undefined方法’slice’所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。