私の角度テーブルのページ付けが機能しない

Question

私はangularJSを初めて使う人です。この問題をスローするか、私に提案のリンクを与えるのを助けてください。

私のページ区切りhttps://gist.github.com/esvit/6821108のためにこのリンクを参照していますが、エラーが発生しています。

私の見解

<div class="row"> 
    <table ng-table="tableParams" ng-cloak class="table table-bordered table-striped custom-table" ng-hide="data.length==0"> 
    <tr> 
     <th>Id</th> 
     <th>Name</th> 
     <th>Email</th> 
     <th>Order Status</th> 
     <th>Contact No</th> 
     <th>Pensionable</th> 
     <th>Details</th> 
     <th>Assign to a Doctor</th> 
    </tr> 
    <tr ng-repeat="row in data" ng-cloak> 
     <td class="custom-td">{{row.id}}</td> 
     <td>{{row.name}}</td> 
     <td>{{row.email}}</td> 
     <td ng-style="set_color(row.OrderStatusColor)">{{row.OrderStatusName}} {{$row.OrderStatusColor}}</td> 
     <td> 
     <div ng-show="row.primary_phone == 'Mobile'"> 
      {{row.mobilePhone}} ({{"Mobile"}}) 
     </div> 
     <div ng-show="row.primary_phone == 'Work'"> 
      {{row.workPhone}} ({{"Work"}}) 
     </div> 
     <div ng-show="row.primary_phone == 'Home'"> 
      {{row.homePhone}}({{"Home"}}) 
     </div> 
     </td> 
     <td class="custom-td">{{row.isPensionable}}</td> 
     <td class="custom-td"><a href="/DashBoard/ViewDetails?pid={{row.id}}">View Details</a></td> 
     <td class="custom-td"><a href="" ng-click="addAppointment(row.id)">Assign</a></td> 
    </tr> 
    </table> 
</div> 

、ここでは、私はこのエラー

に取得しています私の角度コード

detailsApp.controller("patientCtrl", function ($scope, $http, ngTableParams) { 
$scope.init = function() { 
    $scope.obj = {}; 
    $scope.changeclass = "col-md-12"; 
    $http({ 
     method: "POST", 
     url: "/Dashboard/PatientData" 
    }).success(function (results) { 
     $scope.data = results.Data;   
    }); 
} 

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

である私を助けてください。

Answer 1

自分で

| limitTo : query.limit : (query.page-1)*query.limit" 
You can use limitTo over ng-repeat of the list or table. 

$scope.query = { 
    page : 1, 
    limit : 20 
}; 

$scope.previousPage = function(){ 
    $scope.query.page = $scope.query.page - 1; 
} 
$scope.nextPage = function(){ 
    $scope.query.page = $scope.query.page + 1; 
} 

をこの簡単な表の改ページを行うことができますし、最初と最後のページの検証を置くことができます。 このメソッドの最初と最後のページ検証を追加します。

Answer 2

ブラウザが投げているエラーは、不明なプロバイダに関連しています。このエラーは、AngularJSが必要な依存関係を解決できない場合に表示されます。あなたのアプリケーションのメインモジュールで依存関係として必要なJavaScriptあなたのindex.html内のファイル（NG-table.js）と「ngTable」モジュールを追加していることを確認してください。また、

var detailsApp = angular.module('theNameOfYourApp', ['ngTable']);

作りますindex.htmlファイルのbodyタグにng-app = "theNameOfYourApp"属性を追加していることを確認してください。あなたはNG-アプリ属性を使用していない場合、あなたはそれが例のリンクに使用されているとして、手動でアプリケーションをブートストラップする必要がありますhttps://docs.angularjs.org/api/ng/directive/ngApp

：このタグは、自動ブートストラップ AngularJSのアプリケーションに使用されています

angular.bootstrap(document.getElementById('demo'), [app.name]);

あなたは不明なプロバイダエラーについての詳細は、このリンクをチェックアウトすることができます：：https://docs.angularjs.org/error/ $インジェクター/ UNPR

私はこれが役立つことを願って、私はあなたのコードで表示されていないこれを提供し、 君は。

よろしくおねがいします。 Gerardo。