passing JSON data from one controller to another controller angularJS

Question

i want to pass the data from one controller to another controller, i am Getting Data in $scope.imagegallerys variable and i am able to set the data into SetJson();

controller 1

function imageGalleryController($scope,$http,myService){
    var urlBase = "http://localhost:8084/Apc/api/";
    $http.get(urlBase + '/gallerylist').
    success(function(Data) {
    $scope.imagegallerys = Data;
    myService.setJson($scope.imagegallerys);
 });    
}

I want get data to anther controller however getJson() is not returning any value or object.

controller 2

    function categoryController($scope,myService){
    $scope.myreturn = myService.getJson();
    }

Factory

    function myService(){
      var imagegallerys = null;//the object to hold our data
      return{
      getJson:function(){
      return imagegallerys;
      },
      setJson:function(value){
      imagegallerys = value;
       }
   }

angular.module('Abc')
.controller('categoryController', categoryController)
.controller('imageGalleryController',imageGalleryController)
.factory('myService',myService);`

use $rootScope.abc='your value' , and you can that value in other controller. — chirag satapara
– chirag satapara, Commented Sep 22, 2016 at 11:36
I m new in angularjs.So pleses Explain it proper wey so i implement it.In my coad — ashwin Kumbhare
– ashwin Kumbhare, Commented Sep 22, 2016 at 11:44
do you tried this myService.setJson(Data)? maybe $scope problems? — Fernando Del Olmo
– Fernando Del Olmo, Commented Sep 22, 2016 at 11:53

chirag satapara · Accepted Answer · 2016-09-23 07:44:23Z

1

This is your first controller:

function imageGalleryController($scope,$http,myService,$rootScope){
    var urlBase = "http://localhost:8084/Apc/api/";
    $http.get(urlBase + '/gallerylist').
    success(function(Data) {
    $rootScope.imagegallerys = Data;
    myService.setJson($scope.imagegallerys);
 });    
}

And below is your second controller:

function categoryController($scope,myService,$rootScope){
    console.log($rootScope.imagegallerys);
    $scope.myreturn = myService.getJson();
    }

I hope this solution help you , If not please inform me

edited Sep 23, 2016 at 7:44

answered Sep 22, 2016 at 12:22

chirag satapara

1,9471 gold badge15 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

9 Comments

chirag satapara Over a year ago

@ashwin Kumbhare , this answer is helpful to you?

ashwin Kumbhare Over a year ago

Trying to implement

chirag satapara Over a year ago

@ashwinKumbhare , if it helps to you then don't forgot to appreciate my work. And mark my answer as a accpt , so it can also helpful to other

ashwin Kumbhare Over a year ago

i have tried with this one however still not able to get the data in second controller.

chirag satapara Over a year ago

@ashwinKumbhare , are you sure? becuase this solution is working in my 3-4 project

|

Collectives™ on Stack Overflow

passing JSON data from one controller to another controller angularJS

1 Answer 1

9 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

9 Comments

Related