如何在页面加载期间从函数更新对象值

Question

在下面的代码中，我有一个名为 $scope.dateRange 的对象，它具有 fromDate 和 toDate 属性。我将视图中的对象用作模型，并在 GetVoucherLatestDate() 函数中更新对象的值。但它没有更新，它仍然是我在函数之前声明的 null，因为它是异步的。

我需要的是从函数中获取日期值以在页面加载期间显示在视图中？我非常需要帮助。

$scope.dateRange = {
    fromDate: null,
    toDate: null
};
$scope.gap = -2;
$scope.budgetResponsiblePersonId = null;
$scope.overAllStatusList = [];
console.log("DatePre", $scope.dateRange);
$scope.GetVoucherLatestDate = function () {
    $http({
        method: 'GET',
        url: 'Accounts/MISAccountDashboard/GetVoucherLatestDate/',
        dataType: 'JSON'
    }).then(function successCallback(response) {
        $scope.getFromDate = response.data;
        console.log("Response Data", response.data);
        console.log("$scope.data", $scope.getFromDate);
        dateData = ;       
        $scope.dateRange = {
            fromDate: $filter('dateFiltering')($scope.getFromDate[0].PostingDate, 'dd-MMM-yyyy'),
            toDate: $filter('dateFiltering')($scope.getFromDate[0].PostingDate, 'dd-MMM-yyyy')
        };
    });

};
$scope.GetVoucherLatestDate();

Answer 1

我不确定您是如何在 UI 中绑定模型的，但是 $scope.$apply() 应该将您的更改传播到 UI。