Angularjs dropdown select value

Question

I have this dropdown

<select class="form-control" ng-model="LoanDetailsVM.PaymentPeriodMonths">
           <option value="1">Monthly</option>
           <option value="3">Quarterly</option>
 </select>

The LoanDetailsVM.PaymentPeriodMonths can be either 1 or 3, but the proper option is not selected when I'm opening the page.

Is there anything else I need to add in order for the correct option to be selected?

Stefan Svrkota · Accepted Answer · 2016-10-20 13:01:50Z

1

You should use [(ngModel)] instead of ng-model and [ngValue] instead of value:

<select class="form-control" [(ngModel)]="LoanDetailsVM.PaymentPeriodMonths">
       <option [ngValue]="1">Monthly</option>
       <option [ngValue]="3">Quarterly</option>
</select>

answered Oct 20, 2016 at 13:01

Stefan Svrkota

50.9k10 gold badges100 silver badges88 bronze badges

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

4 Comments

Laziale Over a year ago

Thanks, you're right, I'll accept your answer in 8 minutes.

Stefan Svrkota Over a year ago

@Laziale You're welcome. And it is unclear whether you are asking about Angular 2 or AngularJS, those are two totally different things, please make sure that is clear in your future questions.

Laziale Over a year ago

AngularJS only, not Angular2 ATM. Thx

Stefan Svrkota Over a year ago

@Laziale Well, I am not sure that this works then, I've never used AngularJS, only Angular 2. I wrote this answer assuming you are using Angular 2.

Collectives™ on Stack Overflow

Angularjs dropdown select value

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related