uib-datepicker-popup with dynamic minemode

Question

Angular Bootstrap DatePickerのminModeを動的に設定する方法を教えてください。

<input type="text" ng-model="myDate" 
     uib-datepicker-popup="{{datepickerFormat}}" 
     datepicker-options="{'minMode': minMode}"/> 

... 
$scope.minMode='day'; 

それはうまく動作しますが、minMode変化や日付ピッカーが再び開いたときに、私が持っているコントローラー

で：

私はそれを得た唯一の方法は、次のようにしました$compile:nonassignNon-Assignableブラウザコンソールでエラーが発生しました。だから私は次のようなことをしたい：

<input type="text" ng-model="myDate" 
     uib-datepicker-popup="{{datepickerFormat}}" 
     min-mode="minMode"/> 

残念ながら、それはもはや動作しません。

Angular version: 1.5.9 
Bootstrap version: 3.3.7 
angular-bootstrap version: 1.2.5 

See in Plunker

Answer 1

minMode値を正しく設定する

日付ピッカーにオプションを配置して後でこれらのオプションをボタンで変更するため、コントローラーにoptionsオブジェクトを定義し、両方の場所で参照する必要があります。コントローラ

$scope.options = {'showWeeks': false, 'minMode': 'month'}; 

で

<div class="input-group"> 
    <input type="text" 
     ng-model="myDate" 
     is-open="showDatePicker" 
     uib-datepicker-popup="mm-dd-yyyy" 
     datepicker-options="options"/> 
</div> 

今すぐあなたのng-click表現

<button ng-click="options.minMode = 'day'" class="btn">Day</button> 
<button ng-click="options.minMode = 'month'" class="btn" >Month</button> 

Updated plunk

Answer 2

あなたの代わりにプロパティを機能を使用してみましたか？この

HTML

<input type="text" ng-model="myDate" 
     uib-datepicker-popup="{{datepickerFormat}}" 
     min-mode="getMinMode()"/> 

のようにコントローラ

$scope.getMinMode = function(){ 
    return 'day'; //you can change this for any required logic that specifies your minMode 
}; 

関数が再評価され、この方法で角度たびは$ダイジェスト実行して、あなたは同じ文字列を毎回minModeを取得します変更