서비스 범위를 업데이트하려면 어떻게해야합니까? 여기

Question

내 코드입니다 :

angular.module("testApp", []) 
    .service("testService", function() { 
     var privateScope = [1,2,3]; 
     return { 
     getScope: function() { 
      return privateScope; 
     }, 
     addToScope:function(num) { 
      privateScope.push(num); 
     } 
     } 
    }) 
    .controller("testCtrl", ["$scope","testService"], function($scope, testService) { 
     $scope.tests = testService.getScope(); 
     $scope.current = $scope.tests[0]; 
     $scope.addToScope = testService.addtoScope; 
    }); 

보기 :

<div ng-controller="testCtrl"> 
    <div ng-repeat="num in tests"> 
     <div>{{num}}</div> 
    </div> 
    <input type="button" ng-click="addToScope(Math.round(Math.random() * 10))" /> 
</div> 

버튼에

윌 클릭 컨트롤러의 범위뿐만 아니라 서비스를 업데이트? 나는 이것을하는 방법에 관해서는 매우 혼란 스럽다.

Answer 1

예는 아니라 서비스에 privateScope 및 $scope.tests는 같은 배열을를 참조하기 때문이다.

이들을 분리하여 보관하려면 배열의 copy을 서비스에서 반환해야합니다.

깊은 사본

 getScope: function() { 
     return angular.copy(privateScope); 
    } 

얕은 복사

 getScope: function() { 
     return privateScope.slice(); 
    }