angularjs - ng-change 前的 Angular 下拉确认

Question

我有一个下拉列表，如果用户不想继续，需要取消 ng-change 事件。 previousPortfolioId 值在 $scope 中设置正确，但 View 仍然显示更改的值。我也试过 $scope.$apply ，但没有用。如何取消 ng-change 事件？

模板.html

<select style="width:200px;" ng-model="SelectedPortfolioId" ng-change="PortfolioSelectionChange(SelectedPortfolioId)" ng-options="Portfolio.BlendId as Portfolio.BlendName for Portfolio in Portfolios">
</select>

Controller .js

$scope.PortfolioSelectionChange = function (SelectedPortfolioId) {
var previousPortfolioId = $scope.SelectedPortfolioId;
if ($scope.IsPageDirty) {
    var promise = DisplayConfirmation('Your unsaved changes will be lost. Do you want to continue?');
    promise.done(function () {
     // do something 
    });

        promise.fail(function () {
                // cancel the change
            $scope.SelectedPortfolioId = previousPortfolioId;
        });
    }
};

Answer 1

我实际上不喜欢我的答案(我在这里寻找更好的答案!)，但据我所知，没有什么比 event.cancel 更能调用的了。在更改事件期间编辑变量似乎并不需要，所以我最终做的是将 $timeout 传递给我的 Controller 并将更改排队:

    promise.fail(function () {
        // cancel the change
        $timeout(function () {
             $scope.SelectedPortfolioId = previousPortfolioId;
        }, 0);
    });