javascript - $scope.$watch 整个表单，但仅获取旧值一次

Question

我想在整个表单输入上使用 $scope.$watch 并检测更改，然后显示警报“数据已更改。请保存”。问题是我只想在从服务器获取数据时传递 oldValue 。

$http({
        method: "post",
        url: "url",
        data: {
            Pages: {
                id: pageId
            }
        },
        headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
    }).success(function(data) {
        $scope.data = data.editedPage.jkOutputContainer.editedPage.pagesObject;

        $scope.$watch('data',function(newValue, oldValue) {
            if(newValue != oldValue) {
                $scope.dataHasChanged = true;
            } else {
                $scope.dataHasChanged = false;
            }
        }, true);
    });

我可以在表单中的每个输入上使用 ng-init 和 ng-change ，但我想在表单上使用 $scope.$watch 。

编辑:简而言之，当用户将其更改返回到从服务器获取的状态时，我想隐藏警报。

Answer 1

$scope.watch('[formname]', checkChanged, true)
function checkChanged(newVal) {
    if (!angular.equals(newVal,$scope.data)) warnUser()
}

^这将监视表单中的每个表达式并提醒用户