AngularJS can't share data between controllers using factory

Question

I tried sharing data between two controllers using a factory. For some reason, the two inputs don't share data. In the AppCtrl controller I assign Data.FirstName to equal lattitude. But when I get to the PathController, I can't read the value stored in Data.FirstName.
Can anyone let me know what is wrong with my code?

 .factory('Data', function(){
   return { FirstName: 'jjjj' };
})


          // controller one
.controller('AppCtrl', function($scope, Data, $http, $ionicModal, $timeout) {
     ....
 $scope.mapLocation = function(lattitude, longittude) {

    Data.FirstName = lattitude;
    $scope.Data = Data;
 }
    ....
})


          // controller two
.controller("PathController", [ '$scope', function($scope, Data) {

 $scope.Data = Data;
 console.log(Data.FirstName); // Not getting Data.FirstName

    angular.extend($scope, {
        center: {
         lat: 35.720031000963,
        lng: -87.343068987131,
        zoom: 17
        },
        markers: {
          Campus: {
             lat: 35.728031000963,
             lng: -87.343068987131,
             focus: true,
             draggable: false,
             message: "Building1"
          },
        },
        defaults: {
            scrollWheelZoom: false
        }
    });
}])

You have to use an object type in $scope if you want to inherit a property from global scope.To understand clearly please read more at here [Understanding-Scopes][1] [1]: github.com/angular/angular.js/wiki/Understanding-Scopes — Alex Nguyen
– Alex Nguyen, Commented Sep 15, 2015 at 6:15

Azad · Accepted Answer · 2015-09-15 06:05:29Z

1

change the data factory like this

.factory('Data', function(){
   return { 
       mydata: {
              FirstName: 'jjjj'
            }

 };
})

and assign as follows

Data.mydata.FirstName = lattitude;
$scope.Data = Data.mydata;

answered Sep 15, 2015 at 6:05

Azad

5,2725 gold badges31 silver badges59 bronze badges

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

Comments

Malay M · Accepted Answer · 2015-09-15 08:07:54Z

0

I think you forget to add the factory as parameter. Try this

.controller("PathController", [ '$scope', function($scope, Data) {

edited Sep 15, 2015 at 8:07

Malay M

1,7691 gold badge14 silver badges22 bronze badges

answered Sep 15, 2015 at 6:17

san

112 bronze badges

1 Comment

Jahongir Rahmonov Over a year ago

It should be .controller("PathController", [ '$scope', 'Data', function($scope, Data) {, please fix it

Jahongir Rahmonov · Accepted Answer · 2015-09-15 08:26:21Z

0

I am not sure, but try this:

.service('Data', function(){
    var FirstName = 'jjjj';
    return { FirstName: FirstName };
})

answered Sep 15, 2015 at 8:26

Jahongir Rahmonov

13.8k11 gold badges53 silver badges100 bronze badges

Collectives™ on Stack Overflow

AngularJS can't share data between controllers using factory

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related