收到此错误错误：$rootScope:infdig Infinite $digest Loop

Question

试图运行这个角度函数，但我收到这个错误错误：$rootScope:infdig 无限 $digest 循环。我该怎么做才能修复

这是我的角度服务，它返回一个整数，比如 2020 年

  function getMaxYear() {
        var url = apiService.ApiUrl + "/Disbursements/DisbursementSchedule/Max";
        return apiService.DeferredGet(url);

    };

如何在控制器中更改以下角度函数以显示当前年份到 2020 年之间的日期范围（我们从 api 获得的结果）。所以 var 范围应该有 2017, 2018, 2019, 2020

$scope.myfunction = function () {
        var range = [];
        var startYear = new Date().getFullYear();
        var endYear;
        disbursementsModel.GetMaxYear().then(function (response) {

            endYear = response.data;

            return response;
        });

        while (startYear <= endYear) {
            range.push(startYear++);
        }

        return range;
    }

这是我的html

<select ng-options="year for year in myfunction()" name="year" ng-model="year" required>
    <option value selected disabled>select year</option>
</select>

Answer 1

您应该避免为此目的使用函数。只需将值分配给 $scope 即可。

假设您的 API 正在使用 $http 或返回 $q 承诺：

$scope.years = [];

function refreshYears() {
   $scope.years.length = 0; 

   disbursementsModel.GetMaxYear().then(function (response) {
       var startYear = new Date().getFullYear();
       var endYear = response.data;

       while (startYear <= endYear) {
            $scope.years.push(startYear++);
       }
   });
}    

调用refreshYears 获取新值并在ng-options 中使用years。