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?

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