Use rootScope variables in my html

Question

So we can use scope variables in our angular html easily like this:

Answer 1

you could inject $rootScope in you controller and then map it to a scope variable like this

$scope.global = $rootScope;

then in your template you could use

$rootscope value of name is {{ global.name }}.

You have to be careful to not uselessly put thing into the $rootScope as it's not considered the best practice to modulate your code