0

web-api 呼び出しの結果を使用してpickadateに基づくangular-datepickerのいくつかのオプションを設定しようとしています。

これまでのところ、私のコードは次のとおりです。

<label for="datepicker">Date:</label>
<input type="text" id="datepicker" pick-a-date="date" pick-a-date-options="dpoptions" placeholder="Select date" />

私のjsファイル：

var ServiceBasePath = "http://localhost:29050/api/";
var app = angular.module('myproj', ['angular-datepicker', 'ngTouch']);
app.controller('mycontroller', function ($scope, $http) {

        $scope.dpoptions = {
        format: 'ddd, dd-mm-yyyy',
        min: new Date(),
        max: _max
        }

        $http.get(ServiceBasePath + 'settings/1').
            success(function (data) {
                _max = data.MaxDays;
                $scope.config.duration = data.Duration;
                });
        }

_max宣言に値を設定し、サービスの結果を除外すると、正常に動作します。問題は、datepicker が読み込まれる前にサービスが返されないことだと思いますが、別のフィールド (datepicker を使用しない) では問題なく動作するようです:

                    <label>Duration (in minutes):</label>
                    <input type="number" id="duration" ng-model="duration" min="{{config.duration}}"  />

私の結果からロードするように日付ピッカー設定を取得するにはどうすればよい$http.getですか?

4

1 に答える 1

0

変化する

    $http.get(ServiceBasePath + 'settings/1').
        success(function (data) {
            $scope.dpoptions.max = data.MaxDays; //change this to scope variable
            $scope.config.duration = data.Duration;
            });
    }
于 2015-01-14T01:37:09.670 に答える