Объединить объекты области AngularJS от нескольких контроллеров в один объект

Question

Мое приложение состоит из нескольких контроллеров. Каждый из них собирает разные данные в свой объект scope. Теперь я изменяю способ обработки данных, поэтому разделение данных больше не является вариантом (целью является передача данных в скрипт PHP для преобразования PDF).

Это, как говорится, мне нужно, чтобы они либо отправили их через POST в целом, либо чтобы они сначала были объединены в один объект, а затем отправлены.

Я только что узнал об угловом расширении, но я не уверен, поддерживает ли это объединение объектов, идущих от разных контроллеров, и если да, то как и где это делается?

Должен ли это быть новый контроллер, услуга или что-то еще?

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>