AngularJS - данные диспетчера изменений службы

Question

Я обнаружил, что когда я вызываю метод службы внутри своего контроллера и передаю ему объект в качестве параметра, любые изменения, которые выполняются с этим объектом (внутри метода службы), также выполняются в оригинале объект из моего контроллера.

Я всегда думал, что данные контроллера должны оставаться неизменными до тех пор, пока я не изменил его внутри обещания win/error, и только если мне нужно.

JS образец:

// Code goes here 
var app = angular.module('App', []); 

app.controller('AppCtrl', function($scope, simpleService){ 
    $scope.data = { d: 1, c: 10}; 

    $scope.clickMe = function(){ 
    simpleService.clickMe($scope.data).then(function(res){ 
     alert($scope.data.d); 
    }) 
    .catch(function(err){ 
     alert($scope.data.d); 
    }); 

    } 

}); 

app.factory('simpleService', function($q){ 
    var simpleServiceMethods = {}; 

    simpleServiceMethods.clickMe = function(data){ 
    var deffered = $q.defer(); 
    //data = JSON.parse(JSON.stringify(data)); - solution: clone data without references 

    data.d = 1111; 

    deffered.reject(); 

    return deffered.promise; 
    } 

    return simpleServiceMethods; 
}); 

Plunker демо: http://plnkr.co/edit/nHz2T7D2mJ0zXWjZZKP3?p=preview

Answer 1

Я считаю, что это природа привязки данных угловых в. Если вы хотите передать данные переменной $scope, вы можете использовать функцию клонирования углов с помощью copy или обновить свои службы, чтобы работать несколько иначе, создав копию на стороне обслуживания. Обычные приложения типа CRUD, как правило, передают id объекта, получая новый объект или публикуя изменения, которые в большинстве случаев могут присутствовать на стороне клиента.