AngularJS：$ scope。$ watch两个互相依赖的值

Question

I have an AngularJS app with a date range where the end date always has to be 11 months after the start date (for a total duration of 12 months). The user needs to be able to go into the view and edit either the start or end date. So if they edit the start date, the end date adjusts to 11 months after the start date. And if they edit the end date, the start date adjusts to 11 months before the end date.

The problem is that when either of these dates change, they trigger an AJAX call to the server, but the way it's working now, they are triggering two calls because when one date changes, so does the other.

I'm trying use $scope.$watch('startDate') and $scope.$watch('endDate') to detect changes in my controller, but am struggling to find a way to change both values at once, but only trigger one AJAX server call.

Any ideas on how to keep both dates in line, but avoid duplicate AJAX calls and $scope.$watch() loops?

Answer 1

Thanks to BenFelda's suggestion, I was able to piece together some code that did what I wanted using g00fy's datepicker and ng-change .

view:

<div ng-model="startDate" ng-change="startDateChanged()" date-picker="startDate" min-view="month"></div>

controller:

$scope.startDateChanged = function() {
    console.log('the start date changed!');
    console.log($scope.startDate);
    //make AJAX call, which only happens once
}