angularjs - Page Size is not being selected in ng grid on first page load -


issue page size ng grid

current code of page size

$scope.pagingoptions = {             pagesizes: [2,15, 25, 50],             pagesize: 2,             currentpage: 1         }; 

on first time page load page size drop down showing 1 space,2 should selected in page size dropdown

page size dropdown

space showing

html code

<select ng-model="pagingoptions.pagesize" style="float: left; height: 27px; width: 100px;" class="ng-pristine ng-valid ng-touched">           <option value="? number:2 ?"></option>           <option ng-repeat="size in pagingoptions.pagesizes" class="ng-binding ng-scope" value="2">2</option>           <option ng-repeat="size in pagingoptions.pagesizes" class="ng-binding ng-scope" value="15">15</option>           <option ng-repeat="size in pagingoptions.pagesizes" class="ng-binding ng-scope" value="25">25</option>           <option ng-repeat="size in pagingoptions.pagesizes" class="ng-binding ng-scope" value="50">50</option> </select> 

so how make dropdown selected 2

updated

plunker

updated

during creating plunker have found issue related angular js version

issue

angularjs v1.4.1

working fine

angularjs v1.0.2

but want fix

angularjs v1.4.1

due project faced other issue if change angular js version

it seems pagesize must defined string instead of number. seems there change in angular select directive...

  pagesize: '5', 

Comments

Popular posts from this blog

html - Outlook 2010 Anchor (url/address/link) -

javascript - Why does running this loop 9 times take 100x longer than running it 8 times? -

Getting gateway time-out Rails app with Nginx + Puma running on Digital Ocean -