Угловая Диаграмма-выталкивание данных из другого javascript

Question

У меня есть массив в data_controller.js, и я хотел, чтобы мой main.js, где я редактировал свою угловую диаграмму, мог получить массив. Есть какой-то конкретный способ сделать это?

Data_Controller.js:

/*global angular*/
var app = angular.module('statisticsApp', [chart.js]).controller('myCtrl',
function ($scope, $http) {
"use strict";
return $http({
    method : "POST",
    url : "GatewayAPI.php",

}).then(function mySuccess(response) {
    $scope.records = response.data;     
    var mydata,myJSON,myresult,myjava, myobj;
    var i;
    var Result; 
    var chartResultTemp = [];
    var chartResultph = [];
    var chartResultHum = [];
    var resultType = [];


    for(i=0; i<72;i++)
    {
        //storing data
        mydata = $scope.records.data[i];

        //retrieving data

        myobj = mydata.data.substring(3,4);
        resultType = mydata.data.substring(3, 4);

        if(resultType === "A") {
            chartResultTemp.push([mydata.data.substring(6,9)]);
        } else if (resultType ==="B") {
            chartResultph.push([mydata.data.substring(6, 9)]);   
        } else {
            chartResultHum.push([mydata.data.substring(6, 9)]);   
        };


        $scope.test=Result; //change to array
        $scope.test2=chartResultTemp;
        $scope.test3 = resultType;
        $scope.test4 = chartResultph;
        $scope.test5 = chartResultHum;

        console.log(Result);
        console.log(resultType);
    }




    $scope.gotTemp = false;
    $scope.gotHumidity = false;
    $scope.getSoilMoisture = false;

   });

});

main.js:

var app = angular.module("statisticsApp", ["chart.js"]);
app.controller("LineCtrl", function ($scope) {
"use strict";
$scope.labels = ["0200", "0400", "0600", "0800", "1000", "1200", "1400", 
"1600", "1800", "2000", "2200", "0000"];
$scope.series = ['Temperature (°C)'];
$scope.data = [
[26.5, 26.8, 26.3, 25.8, 29.4, 30.2, 31.5, 31.0, 28.4, 27.6, 26.3, 25.7]
];

$scope.onClick = function (points, evt) {
console.log(points, evt);
 };
});

Я попытался поместить функцию диаграммы из main,js в data_controller.js и написал $scope.data.push([mydata.data.substring(6,9)]), но ничего не сделал.

Как мне вызвать функцию в data_controller.js и использовать массив в моем $scope.data = [] в main.js?

Answer 1

Если вы хотите повторно использовать этот метод для извлечения данных, было бы лучше разделить их на службу. Затем вы можете использовать все свои контроллеры.

Обратите внимание, что приведенный ниже код просто для демонстрации реализации, он может не сработать сразу, если вы просто скопируете его.

//statisticsSvc.js
angular.module('statisticsApp').service('statisticsService',['$http' function($http){
   var data = [];
   return {
     getStatistics: function(){
       return $http({
                method : "POST",
                url : "GatewayAPI.php",
              })
              .then(function(response){
                var mydata,myJSON,myresult,myjava, myobj;
                var i;
                var Result; 
                var chartResultTemp = [];
                var chartResultph = [];
                var chartResultHum = [];
                var resultType = [];


                for(i=0; i<72;i++)
                {
                  //storing data
                  mydata = response.data.data[i];

                  //retrieving data

                  myobj = mydata.data.substring(3,4);
                  resultType = mydata.data.substring(3, 4);

                  if(resultType === "A") {
                    chartResultTemp.push([mydata.data.substring(6,9)]);
                  } else if (resultType ==="B") {
                    chartResultph.push([mydata.data.substring(6, 9)]);   
                  } else {
                    chartResultHum.push([mydata.data.substring(6, 9)]);   
                  };

                  return {
                    records: response.data.data,
                    Result: Result,
                    chartResultTemp: chartResultTemp,
                    resultType: resultType,
                    chartResultph: chartResultph,
                    chartResultHum: chartResultHum
                  };
                }
              })
              .catch(function(error){
                console.log(error);
                return error;
              })
     },
              setData: function(a){ data = a;},
              getData: function(){ return data;} 
   };
}]);

Затем вы можете использовать этот сервис в ваших контроллерах:

    //myCtrl
    var app = angular.module('statisticsApp', [chart.js]).controller('myCtrl',
    function ($scope, $http,statisticsService) {

    //your call to service
    statisticsService.getStatistics().then(function(response){
      $scope.records = response.records;
      $scope.test = response.Result;
      $scope.test2 = response.chartResultTemp;
      $scope.test3 = response. resultType;
    }).error(function(error){
      console.log(error);
    });


    //get data
    $scope.data = statisticsService.getData();

});

//LineCtrl
var app = angular.module("statisticsApp", ["chart.js"]);
app.controller("LineCtrl", function ($scope, statisticsService) {
"use strict";
$scope.labels = ["0200", "0400", "0600", "0800", "1000", "1200", "1400", 
"1600", "1800", "2000", "2200", "0000"];
$scope.series = ['Temperature (°C)'];
$scope.data = [
[26.5, 26.8, 26.3, 25.8, 29.4, 30.2, 31.5, 31.0, 28.4, 27.6, 26.3, 25.7]
];

//set data
statisticsService.setData($scope.data);

$scope.onClick = function (points, evt) {
console.log(points, evt);
 };
});