Angular Bootstrap datepickerカスタムクラス

Question

私はAngular with UI Bootstrap Datepicker（https://angular-ui.github.io/bootstrap/）を使用しています。その特定の日に既存のcustomClassを使用して何かが起こっていることを示すために、dayクラスを更新しようとしています。渡された日付が同期しているが、$リソースを使って非同期ではない場合にはうまくいきます。

HTML

<uib-datepicker custom-class="getDayClass(date, mode)" ng-model="dt" min-date="minDate" show-weeks="false" starting-day="1" class="well well-sm" ng-change="selectDateChange()"></uib-datepicker> 

JS

$scope.getDayClass = function (date, mode) { 

    if ($scope.myCalendarEvents.length > 0) { 

     if (mode === 'day') { 

      var dayToCheck = new Date(date).setHours(0, 0, 0, 0); 

      for (var i = 0; i < $scope.myCalendarEvents.length; i++) { 

      var currentDay = new Date($scope.myCalendarEvents[i].startDate).setHours(0, 0, 0, 0); 

      if (dayToCheck === currentDay) { 

       return "full"; 

      } 
     } 

    } 

    return ''; 
}    

}; 

非同期呼び出しが行われる場合（PSこれは私のPlnkrではありません。）の例を参照してください：

http://plnkr.co/edit/h8PxWfxSEtZuVCct00mD?p=preview

Answer 1

私が持っていました同じ問題は、それを修正するためにng-if = "変数" uib-dを含む要素に入れたatepicker。