angularjs - Angular Bootstrap 日期选择器 - 日期禁用

Question

我有一个带有 disabledDates 函数的 AngularUI Bootstrap 日历

<uib-datepicker ng-model="date" ng-change="change()"  date-disabled="disabledDates(date,mode)"></uib-datepicker>

这是函数:

 $scope.disabledDates = function (date, mode) {
                if ($scope.daysAvailable != null) {
                    return mode === 'day' && $scope.daysAvailable.indexOf(date.getDay() + 1) == -1;
                }
            }

$scope.daysAvailable 通过 $http 请求从服务器加载

 $scope.init = function () {
    return $http.get('/OrderEntry/GetAvailableDays', { params: { method: shipMethod, state: state, zip: zip } }).then(function (data) {
        $scope.daysAvailable  data.data;
    });
}

问题是我的 HTML 正在加载(并在结果从服务器返回并加载到 Controller init() 之前调用 disabledDates()

如何在数据返回之前阻止日历加载？

Answer 1

只有在 daysAvailable 到达后才能显示日期选择器:

<div ng-show="daysAvailable">
    <uib-datepicker  ng-model="date" ng-change="change()"  date-disabled="disabledDates(date,mode)"></uib-datepicker>
</div>