title: Paging in AngularJS with MVC
body: <p>I'm creating a table using ng-repeat and I want to implement paging below that table.</p>
  
  <p>Controller:</p>
  
  <pre><code>    var app = angular.module('myApp', []);
      $scope.GetAllData = function () {
          $http({
              method: "post",
              url: "http://localhost:12345/Employee/Get_AllEmployee"
          }).then(function (response) {
              $scope.employees = response.data;
          }, function () {
              alert("Error Occured!");
          })
      };
  </code></pre>
  
  <p>View:</p>
  
  <pre><code>    &lt;div ng-app="myApp" style="margin:5px 5px 5px 5px"&gt;
      &lt;div ng-controller="myCtrl" ng-init="GetAllData()" class="divList"&gt;
          &lt;table cellpadding="12" class="table table-bordered table-hover"&gt;
              &lt;thead&gt;
                  &lt;tr&gt;
                      &lt;td&gt;
                          &lt;b&gt;ID&lt;/b&gt;
                      &lt;/td&gt;
                      &lt;td&gt;
                          &lt;b&gt;Name&lt;/b&gt;
                      &lt;/td&gt;
                      &lt;td&gt;
                          &lt;b&gt;City&lt;/b&gt;
                      &lt;/td&gt;
                      &lt;td&gt;
                          &lt;b&gt;Contact&lt;/b&gt;
                      &lt;/td&gt;
                      &lt;td&gt;
                          &lt;b&gt;EmailID&lt;/b&gt;
                      &lt;/td&gt;
                      &lt;td class="col-md-2"&gt;
                          &lt;b&gt;Actions&lt;/b&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/thead&gt;
              &lt;tr ng-repeat="Emp in filteredEmp | filter: queryText"&gt;
                  &lt;td&gt;
                      {{Emp.CustomerID}}
                  &lt;/td&gt;
                  &lt;td&gt;
                      {{Emp.Name}}
                  &lt;/td&gt;
                  &lt;td&gt;
                      {{Emp.Address}}
                  &lt;/td&gt;
                  &lt;td&gt;
                      {{Emp.Mobileno}}
                  &lt;/td&gt;
                  &lt;td&gt;
                      {{Emp.EmailID}}
                  &lt;/td&gt;
                  &lt;td&gt;
                      &lt;input type="button" class="btn btn-warning" value="Update" ng-click="UpdateEmp(Emp)" /&gt;
                      &lt;input type="button" class="btn btn-danger" value="Delete" ng-click="DeleteEmp(Emp)" /&gt;
                  &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;
  </code></pre>