How to use rootScope in angularjs

Question

I have a data in my commonservice and I want to use the data in my template and I will assign a rootscope and use it but it isn't working right now and I am not sure what's wrong can anyone please suggest help.

My js:

function addGoogleAddress(id, data, scope) {
    var places = new google.maps.places.Autocomplete(document.getElementById(id));
    google.maps.event.addListener(places, 'place_changed', function () {
        var place = places.getPlace();
        if (place && place.address_components) {
            for (var i = 0; i < (place.address_components.length); i++) {
                if (place.address_components[i].types[0] === 'locality') {
                    data.city.key = '1001';
                    data.city.name = place.address_components[i].long_name.toString();
                } else if (place.address_components[i].types[0] === 'administrative_area_level_1') {
                    data.state.key = '1001';
                    data.state.name = place.address_components[i].long_name.toString();
                } else if (place.address_components[i].types[0] === 'country') {
                    data.country.key = '1001';
                    data.country.name = place.address_components[i].long_name.toString();
                }
            }
        }
    });
    $timeout(function () {
        $('#' + id).removeAttr('placeholder');
    }, 500);
    $rootScope.data = data;
}

My controller:

  console.log($rootScope.data)

Here i am getting undefined.

halfer · Accepted Answer · 2018-02-11 10:37:16Z

2

You can not broadcast data directly, you need to broadcast event and pass parameter like follows,

Note: I am assuming here you have injected dependency

 $rootScope.$broadcast('eventName',data);

Then in controller like follows -

$scope.$on('eventName',function(event,data){
console.log('data---',data);
})

edited Feb 11, 2018 at 10:37

halfer

20.2k20 gold badges111 silver badges208 bronze badges

answered Nov 17, 2016 at 5:00

Avinash Rathod

6105 silver badges15 bronze badges

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

8 Comments

MMR Over a year ago

Hi Mr.Helper,how can i use this data in my view?is it enough with this ng-model=data.city.name or i should call the function.

Avinash Rathod Over a year ago

You can not directly use this data. You need to assign data to ng-modal eg. $scope.modalName = data;

MMR Over a year ago

How can i call this function $scope.$on('eventName',function(event,data){ console.log('data---',data); }) ?

MMR Over a year ago

Thanks Mr.Helper ,,,,,can you pls answer my question

Avinash Rathod Over a year ago

Its not function, Its an event it will automatically get called once you broadcast event

|

Krishna Maheswara · Accepted Answer · 2016-11-17 05:07:30Z

0

app.controller('ctrl1',['$scope','$rootScope',function($scope,$rootScope) {
    $scope.xyz = $rootScope.xyz;
    //console.log($scope.xyz); hey
}]);

app.run(function($rootScope){
    $rootScope.xyz ="hey";
})

answered Nov 17, 2016 at 5:07

Krishna Maheswara

2412 silver badges7 bronze badges

Collectives™ on Stack Overflow

How to use rootScope in angularjs

2 Answers 2

8 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

8 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related