How do I dynamically create page numbers and render as dropdown list?

See more:

C#

ASP.NET

AngularJs

I have situation that there could be more than 200+ of page numbers i need to create so i decided to show the page numbers in dropdown list.

I am currently using angular js.

Each page number would be passing argument which will make call to server to load another batch of data in the table.

What I have tried:

$http({
        method: "POST",
        url: "Detail.aspx/GetData",
       
        data: JSON.stringify({ dateString: dateValue, pageNumber: pgNum }),
        contentType: "application/json",
        dataType: "json"

    }).then(function (response) {

        var AllObject = JSON.parse(response.data.d);
        $scope.Data = AllObject[0];

        debugger;
        var PageDetail = AllObject[1];
        $scope.pg = PageDetail;
        debugger;
        });


    var numOfPagToDisplay = $scope.pg.numOfPagToDisplay;

  var k =  function(numOfPagToDisplay) {
      var pgNumArray = new (numOfPagToDisplay);
      var c = 1;
      for (var i = 0; i < numOfPagToDisplay; i++) {

          pgNumArray[i] = c;
          c++;
      }
      return pgNumArray;
    }
  $scope.PgNumList = k($scope.pg.numOfPagToDisplay);

HTML Code:

html is : 

Number Of Data in server : {{::pg.TotalNumber}}
Number Of Records displayed : {{::pg.DisplayedNumberOfRows}}
Number Of Records Remains : {{::pg.NumOfRemaingData}}
Num Of Pages label to create : {{pg.NumOfPageToDisplay}}
Page Numbers: <'select >
<''option ng-repeat="p in PgNumList" value="{{p}}" >{{p}}<'/'option>
<'-select>

<'/p'>