How do I print $rootScope variable?

Question

This code is not working:

<td><img src="{{$rootScope.s3BucketUrl}}"/></td>

and this is where it's defined:

var appCtrl = app.controller('AppCtrl', function($scope, $resource, $location, $route, sharedProperties, $q, $rootScope){
    defer = $q.defer();
    //$rootScope.s3BucketUrl = 'http://lynd.s3.amazonaws.com/';//comment below one when live
    $rootScope.s3BucketUrl = 'http://lynd-test.s3.amazonaws.com/';
//code omitted
});

AppCtrl is bound first on body tag.

Could anybody please suggest how do I print $rootScope variable?

Chandermani · Accepted Answer · 2013-07-20 06:59:40Z

10

Just use {{s3BucketUrl}} and you would get the value.

Your current scope is a child scope of rootscope and hence you can always access the elements of rootscope.

This wiki is highly recommended

answered Jul 20, 2013 at 6:59

Chandermani

42.7k12 gold badges87 silver badges89 bronze badges

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

2 Comments

Raghavendra Over a year ago

How do I access $rootScope's variable x if I have a variable named x in child scope too?

Chandermani Over a year ago

Inject $rootScope into the controller and directly acess it $rootScope.x

Collectives™ on Stack Overflow

How do I print $rootScope variable?

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related