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

java - WARN : org.springframework.web.servlet.PageNotFound - No mapping found for HTTP request with URI [/board/] in DispatcherServlet with name 'appServlet' -

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

android - How to create dynamically Fragment pager adapter -