Как динамически создавать номера страниц и отображать их в виде выпадающего списка?

---

У меня есть ситуация, что может быть более 200+ номеров страниц, которые мне нужно создать, поэтому я решил показать номера страниц в выпадающем списке.

В настоящее время я использую angular js.

Каждый номер страницы будет передавать аргумент, который вызовет сервер для загрузки другого пакета данных в таблицу.

Что я уже пробовал:

$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-код:

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'>

---