AngularJS選択オプションがIE 10に表示されない

Question

選択されたオプションのオプションラベルが角度<select>に表示されないIE 10の厄介なバグを解決しようとしています。代わりに、オプションのラベルは{{option}}と表示され、ディレクティブを解決できなかったことを意味します。さらに悪いことに、この問題はInternet Explorer 11以降、またはChromeでは発生しません。ここに関連するコードは次のとおりです。

HTML：選択肢は決して変わらないので、私たちは、静的な配列としてfrequencyを定義するコントローラJSコードで

<select class="settings-select-box" name="LOCATION_UPDATE_FREQUENCY" 
     id="LOCATION_UPDATE_FREQUENCY" 
     data-ng-model="configurations.LOCATION_UPDATE_FREQUENCY"> 
    <option data-ng-repeat="option in frequency" value="{{option}}">{{option}}</option> 
</select> 

：

$scope.frequency = ["Never","Daily","Weekly","Monthly"]; 

スコープ変数モデルにはconfigurations.LOCATION_UPDATE_FREQUENCYが使用され、データベースの値を使用して定義されます。データベースへの永続性は、IE 10やその他のブラウザでも機能します。つまり、UIからサーバーへのバインドが問題なく機能しているようです。

本当にこのバグについて奇妙なのは、正しいオプションがまだIE 10で選択されていますが、ラベルが壊れているか正しく表示されていないことです。ここで

はさらなる問題を説明するための画面キャプチャです：

Answer 1

公式文書によると、あなたが https://docs.angularjs.org/api/ng/directive/ngValue

<select class="settings-select-box" name="LOCATION_UPDATE_FREQUENCY" 
    id="LOCATION_UPDATE_FREQUENCY" 
    data-ng-model="configurations.LOCATION_UPDATE_FREQUENCY"> 
<option data-ng-repeat="option in frequency" ng-value="{{option}}">{{option}} </option> 
</select>