Obiekty głęboko kopiujące w kanciastym?

Question

Zastanawiam się, czy jest tam daleko, aby uniknąć kopiowania odniesień do obiektów, gdy trzeba utworzyć prosty obiekt, który ma tablicę osadzonych obiektów. Sytuacja wygląda następująco: mam serwer, który akceptuje JSON i stosuje jakąś logikę, a następnie przechowuje obiekt w DB. powiedzmy, że mój formularz służy do zapisywania zespołów w DB. Serwer akceptuje zespół jako json. zespół ma tablicę obiektów TeamMember, moja forma ma proste pole do wpisania informacji o członkach zespołu i dodania go do tablicy teamMembers zespołu. Teraz jest problem, kiedy dodaję członka zespołu do listy tablic i chcę dodać kolejnego członka zespołu, kiedy wpisuję w pole, zmienia się także dodany członek! Wiem Powodem

$scope.addTeamMember=function(teamMember){ 
    $scope.team.teamMembers.push(teamMember); 
} 

a to dlatego, że sam umieścić odniesienie do tablicy teamMembers więc muszę sam obiekt dodaje kilka razy. Aby tego uniknąć, powinienem utworzyć nowy obiekt członkowski zespołu, skopiować wszystkie właściwości teamMember i dodać tablicę.

Answer 1

Twoje pytanie mówi, że chcesz "unikać głębokiej kopii", ale nie jestem pewien, czy to jest dokładne. Brzmi to jak chcesz po prostu użyć angular.copy, ponieważ trzeba utworzyć kopię członka zespołu i dodać, że do tablicy:

$scope.addTeamMember = function(teamMember) { 
    var newTeamMember = angular.copy(teamMember); 
    $scope.team.teamMembers.push(newTeamMember); 
}; 

Answer 2

Jest to najlepszy dokumentacja dostępna

https://docs.angularjs.org/api/ng/function/angular.copy

istnieje również przykład na żywo na stronie, która jest samoobowiązująca.

Answer 3

Osobiście korzystam z tego:

function copyObjToObj(source, destination) { 
     if(!angular.equals(source,destination)){ 
      if (!!destination) 
       angular.copy(source, destination); 
      else 
       destination = angular.copy(source); 
     } 
     return destination; 
    } 
var destination = copyObjToObj(sourceObj, destination);