How to disable blank option in select AngularJS?

Question

I know this question has been asked before, but none of the answers could help with my requirement.

I have a piece of code

<select ng-change ="loadHomePage()" ng-model="selectedPage" ng-options="x for x in pages"></select>

And my javascript looks something like this,

for (var i = 1; i<=response.data.pages; i++)
{
    $scope.pages.push(i);
}

My problem is that every time I run this code, it gives me a blank option. Which is fine, I can disable it from view by,

<option value="" hidden>

But my ng-model is such that after I select an option, the value gets reset to the default blank, i.e. null.

I want to take the option that I selected and keep ng-model set to that value. So it doesn't change any value for me.

I thought I could introduce another variable here, which could store the value of selectedPage, so it won't matter if the value of selected page gets changed, but it would be great if someone could tell me if there is a direct way.

Possible duplicate of Angular JS Remove Blank option from Select Option — Vipul Solanki
– Vipul Solanki, Commented Apr 28, 2018 at 5:21
@VipulSolanki Hey Vipul! I had previously checked out that answer, but couldn't find what I wanted! — coder123
– coder123, Commented Apr 28, 2018 at 5:24
try this: $scope.selectedPage = $scope.pages[0] after loop — Slava Utesinov
– Slava Utesinov, Commented Apr 28, 2018 at 5:28

USS · Accepted Answer · 2018-04-28 05:16:53Z

1

First of want to say that try to use angular.forEach and avoid for loop. Also don't get your logic $scope.pages.push(i);, means are pushing the index?.
Please replace below answer and let me know if that's not what you want.

angular.forEach(response.data.pages, function(value, key) {
  if(value != ''){
      $scope.pages.push(value);
  }
}, $scope);

answered Apr 28, 2018 at 5:16

USS

4705 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to disable blank option in select AngularJS?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related