Angularjs how to change $rootScope variables from UI

Question

I'm making a dynamic web page with angular, the content from the main page should change, but to avoid writing too much code i decided to make it generic, but to know what type of content is being requested i need to send this parameter from a link/button with a ng-click, this would'nt be a problem but when i have to change the controllers i can't read the parameter.

ng-click="name='Name change'"

Here i'm trying to change a $rootScope variable named name, i tried

ng-click="$rootScope.name='Name change'"

even with a service function, but looks like doesn't work (i don't know too much about angularjs so i tried )

 ng-click="$service.cambiarTipo='Name change'"

i made a plunker http://plnkr.co/edit/1BN76SbUAHuOSHs02gpL?p=preview

If you check the console log, you will see that the variable it's undefined, obviously if i change $rootScope.name from a controller i can see it from the other controller, but that's not useful since i need that feed from the user not the controller.

How i can change a rootScope variable from html?

Lauwrentius · Accepted Answer · 2015-10-16 22:10:42Z

1

Here'a one using a shared service between the two controller without using $rootscope at all. http://plnkr.co/edit/maKNHgVH20GxTJeCEveh

Note that ng-click is calling the service function. I'm assuming the function is for changing the name.

ng-click="service.cambiarTipo('Name change')"

answered Oct 16, 2015 at 22:10

Lauwrentius

5035 silver badges12 bronze badges

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

Comments

csbarnes · Accepted Answer · 2015-10-16 22:01:14Z

1

You really shouldn't be using $rootScope all that much, let alone modifying it from the template. With that said, you can assign $rootScope to a $scope variable and access from the template like normal scoped variable. plunker

Controller: $scope.rs = $rootScope

Template: rs.name = 'Name Change'

I would like to reiterate that this is not something you should be doing as it goes against the angular way.

answered Oct 16, 2015 at 22:01

csbarnes

1,8922 gold badges28 silver badges35 bronze badges

1 Comment

Progs Over a year ago

If is not the angular way, what i can do to achieve the same?

Collectives™ on Stack Overflow

Angularjs how to change $rootScope variables from UI

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related