javascript - Angularjs uib-datepicker 中的 customClass 取决于 promise

Question

我正在使用 Angularjs UI bootstap datepicker ，并尝试在某些日子设置自定义类别，如提供的页面上的示例所示

这是矿井 Controller 的一部分

var vm = this;
...
vm.dateOptions = {
        customClass: getTestDaysClass;
};
...
function getTestDaysClass(data) {
    var date = data.date,
        mode = data.mode;
    if (mode === 'day') {
        var dayToCheck = new Date(date).setHours(0,0,0,0);
        for (var i = 0; i < vm.testDays.length; i++) {
            var currentDat = new Date(vm.testDays[i].date).setHours(0,0,0,0);
            if (dayToCheck === currentDat) {
                return vm.testDays[i].status;
            }
        }
    }
    return '';
}

和 HTML

<uib-datepicker 
        datepicker-options="user.dateOptions">
</uib-datepicker>

问题是我从服务的后端调用中获取的数组vm.testDays。当页面加载时，它还不在 Controller 的范围内，因此应用程序崩溃并显示 following error 。你能给我一个提示如何解决这个问题吗？让日期选择器等待 promise 解决的某种方法。

Answer 1

我也遇到了同样的问题，我在包装 div 中使用了 "ng-if" 标签，其中的变量在获得日期后将其值更改为 true。

在 html 中:

<div ng-if="calendarLoaded">
    <uib-datepicker ng-model="dt" class="well well-sm" datepicker-options="options"></uib-datepicker>
</div>

在我的指令中:

$scope.calendarLoaded = false;
$http.get(...)
.then(function(response)
{
  $scope.calendarLoaded = true;
  {... other code here ...}
});

希望这可以帮助你。