Доступ к данным от одного контроллера к другому

Question

Я застрял, может кто-нибудь мне помочь. Вот коды. Я пишу grabData сервис для получения данных с URL-адреса. Тогда в контроллере firstcontroller Я фильтрация данных в соответствии с поиска коробки: Это код:

.factory("grabData",['$http',function($http){ 
    return{ 
     showData:function(){ 
      return $http.get("/http://localhost:5555/sampleData.json"); 
     } 
    } 
}]) 
.controller('firstController',function($scope, $filter,grabData) { 
     grabData.showData().success(function(data){ 
     $scope.items = data; 
     $scope.items1 = $scope.items; 

     $scope.$watch('search', function(val){ 
       $scope.items = $filter('filter')($scope.items1, val); 
     }); 
} 

И HTML код: <div ng-controller="firstController"> <input type="text" ng-model="search"> </div>

Может ли один помочь мне в отображении $ scope.items в следующих контроллеров:

.controller('secondcontroller',function($scope){ 
    // Here I want to use $scope.items , from first controller 
}) 
.controller('thirdcontroller',function($scope){ 
    // Here I want to use $scope.items , from first controller 
}) 
.controller('fourthcontroller',function($scope){ 
    // Here I want to use $scope.items , from first controller 
}) 

Может ли один пожалуйста, помогите решить эту пробл Эм.

Answer 1

Написать свой сервис, как это,

.service("grabData",['$http', '$q', function($http, $q){ 

    var sampleData = null; 
    var filteredData = null; 

    this.showData = function() { 
     var deferred = $q.defer(); 

     if(sampleData!=null){ 
      //if data has already been fetched from server before, serve it 
      deferred.resolve(sampleData) 
     } 
     else { 
      //else, fetch the data from server, and store it for future use 
      $http.get("/http://localhost:5555/sampleData.json").then(function(res){ 
       sampleData = res.data; 
       deferred.resolve(sampleData); 
      }) 
     } 
     return deferred.promise; 
    }; 

    //call this from controller1, inside your watch 
    this.setFilteredData = function(data){ 
     filteredData = data; 
    }; 

    //call this from other 2 controllers 
    this.getFilteredData = function(){ 
     return filteredData; 
    }; 


    }]) 

, а затем изменить свои контроллеры, как это,

.controller('secondcontroller',function($scope, grabData){ 
    // do whatever you want to do with grabData 
    //use that "grabData.showData().success" pattern as it is still a promise 
}) 
.controller('thirdcontroller',function($scope, grabData){ 
    // do whatever you want to do with grabData 
    // call grabData.getFilteredData() from here 
}) 
.controller('fourthcontroller',function($scope, grabData){ 
    // do whatever you want to do with grabData 
    // call grabData.getFilteredData() from here 
}) 

Надеется, что это помогает. Если у вас есть сомнения, пожалуйста, спросите в комментариях.

Answer 2

Вам нужно впрыскивать завод:

.controller('firstController', ['grabData', function($scope, $filter,grabData) { 
    // Your code here 
}]); 

То же самое идет для других контроллеров.