Set HTML wählen Wert

Question

ich ein Drop-Down in meinem HTML-Seite wie folgt:

<select id="monthBox" ng-model="month"> 
    <option value="{{month}}" ng-repeat="month in months">{{month}}</option> 
</select> 

Die Datenquelle des Drop-Down ist months, und es ist an das Modell month gebunden. Am Anfang hat es Zahlen von 07 bis 12 und ausgewählten Standard ist 07:

jedoch diese Datenquelle ändert. Wenn der Benutzer beispielsweise auf die Schaltfläche "Nächstes Jahr" klickt, wird die Liste zu [01,02 ..., 12].

Was ich versuche als 07. zu erreichen, sollte der ausgewählte Wert bleiben aber die Liste ändert, wird der ausgewählte Wert automatisch geleert. Es wird entweder 01 oder eine leere Option, abhängig von dem Browser und dem Gerät, das ich teste.

Ich habe folgende Lösungen ausprobiert, aber keine war:

1. Auf dem Klick auf ‚nächstes Jahr‘ -Taste, ich das Modell aktualisieren. In der Steuerung, ich mache es 07 wieder:

$scope.model = '07'; 

Aber, auch wenn das Modell aktualisiert wird, zeigt die Dropdown noch 01.

2. ich versucht habe programmatisch den Wert des DOM Einstellung wie folgt :

var element = document.getElementById('monthBox'); 
element.value = $scope.month; 

Dies wirkt sich jedoch auch nicht aus. Das Dropdown zeigt immer noch 01.

Irgendwelche Vorschläge? Vielen Dank.