Замена $ resource master/copy в $ save callback не запускается $ watch

Question

Я использую угловой $resource вместе с angular.copy, чтобы позволить пользователю сбросить форму. Когда пользователь нажимает кнопку сохранения, я вызываю $scope.save(), а $resource сохраняется с помощью $save(). Внутри обратного вызова $save я заменяю мастер и модель, чтобы отразить изменения, сделанные на бэкэнд, в то время как $watch не может получить изменения, пока пользователь не вручную отредактирует форму.

Любые идеи, почему?

// db.schema is a $resource 
var master = db.schema.get(function() { 
    $scope.schema = angular.copy(master); 
}); 

$scope.$watch('schema', function() { 
    // triggers when $scope.schema is changed 
}, true); 

$scope.save = function() { 
    $scope.schema.$save(function(savedSchema) { 
     master = new db.schema(savedSchema); 

     // this won't trigger the $watch, but editing the form will 
     $scope.schema = angular.copy(master); 
    }); 
}; 

Answer 1

Это потому, что наблюдатель сравнивает для объекта равенства вместо ссылочного (третий параметр в $scope.$watch метод true). Внутренний Угловой angular.equals(newValue,oldValue) вместо newValue === oldValue. Если вы делаете var b = angular.copy(a), тогда angular.equals(a,b) является истинным (но a === b является ложным).

Кроме того, когда вы $scope.schema.$save значение $scope.schema заменяется на ответ от сервера - Я пытался объяснить, что происходит:

$scope.save = function() { 
    $scope.schema.$save(function(savedSchema) { 
    // $scope.schema === savedSchema is now true 
    // if you don't want this behavior you could do db.schema.save({},$scope.schema ... instead 

    // if the request body equals the response body the watcher will not get called, 

    master = new db.schema(savedSchema); 
    // master is now a copy of savedSchema 
    // angular.equal(savedSchema, master) is true 
    // savedSchema === master is false 

    // this won't trigger the $watch, but editing the form will 
    $scope.schema = angular.copy(master); 
    // $scope.schema is now a copy of a copy of itself... 
    // $scope.schema === savedSchema is now false 
    // angular.equal(savedSchema,$scope.schema) is true 
    }); 
};