여러 컨트롤러의 AngularJS 스코프 개체를 단일 개체로 결합

Question

내 앱은 여러 컨트롤러로 구성됩니다. 각각은 서로 다른 데이터를 scope 개체로 수집합니다. 이제는 데이터를 처리하는 방식을 변경하여 데이터를 분리하는 것이 더 이상 옵션이 아닙니다. 목표는 데이터를 PHP 변환을 위해 PHP 스크립트로 보내도록하는 것입니다.

그런데, 나는 그들에게 POST를 통해 모두 보내거나 그들이 처음으로 하나의 객체로 합쳐진 다음 전송되도록하는 방법이 필요합니다.

방금 ​​angular.extend에 대해 알아 냈습니다. 그러나 다른 컨트롤러에서 오는 개체를 결합 할 수 있는지, 그리고 그것이 수행되면 어떻게 수행되는지는 확실하지 않습니다.

새로운 컨트롤러, 서비스 또는 다른 것이 있어야합니까?

Answer 1

서비스를 복잡하게 만들 필요가 없습니다. 이는 서비스 (또는 공장)에 가장 적합합니다. 서비스는 싱글 톤이므로 모든 컨트롤러에서 동일한 데이터를 인스턴스화하는 것에 대해 걱정할 필요가 없습니다. 모든 컨트롤러에서 데이터를 그룹화하고 수집하는 기능을 만들어야합니다.

모든 컨트롤러에서도이 데이터에 액세스 할 수 있으므로 PHP로 보내면 문제가되지 않습니다.

---

간단한 예 :

angular.module('app', []) 
 
    .controller('CtrlOne', function(myService) { 
 
    myService.sendData('some data'); 
 
    }) 
 
    .controller('CtrlTwo', function(myService) { 
 
    myService.sendData('even more data'); 
 
    }) 
 
    .service('myService', function() { 
 
    var gatheredData = []; 
 
    return { 
 
     sendData: function(data) { 
 
     gatheredData.push(data); 
 
     alert('Current data: ' + gatheredData.join(', ')); 
 
     }, 
 
     getData: function() { 
 
     return gatheredData; 
 
     } 
 
    } 
 
    })

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="app"> 
 
    <div ng-controller="CtrlOne"></div> 
 
    <div ng-controller="CtrlTwo"></div> 
 
</div>