設定HTMLの選択値

Question

次のように私は私のHTMLページのドロップダウンを持っている：

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

ドロップダウンのデータソースはmonthsであり、それはモデルmonthにバインドされています。当初は07から12までの数字を持っており、選択されたデフォルトは07です。しかし

、このデータソースの変更を。例えば、ユーザが「来年」ボタンをクリックすると、リストは[01,02 ...、12]になります。

私は、選択された値は07.しかし、リストの変更、選択した値が自動的に空にされるままにしてくださいされて達成しようとしています。私がテストするブラウザとデバイスに応じて、01または空のオプションになります。

私は、次の解決方法を試してみましたが、どれも働いた：「来年」ボタンをクリックするだけで

1.、私がモデルを更新します。モデルが更新されていても、ドロップダウンは、まだ私は次のようにDOMの値を設定するプログラムで試してみましたが、01

2.を示し、

$scope.model = '07'; 

しかし：コントローラでは、私はそれを07を再び作ります：

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

しかし、これはどちらか任意の有効になりません。ドロップダウンにはまだ01が表示されます。

ありがとう。