How to create variable names dynamicaly in angularjs?

Question

I am quite new new to AngularJs. In my controller i have a $rootScope variables which i want to assign a value dynamically depending on conditions. Following is my controller code:

controller(){

$rootScope.tab1;
$rootScope.tab2;
$rootScope.tab3;
$rootScope.tab3;
$rootScope.tab4;

$scope.changeVal("tab2");

$scope.changeVal=function(tabname){
    vm.tabs=['tab1','tab2','tab3','tab4','tab5'];
    angular.forEach(vm.tabs, function(val) {
        if(tabname===val)
        {
            //here $rootScope.tab2 value should be changed
            //something like bellow
            $rootScope.{{tabname}}="myValue";
        }
        else{
        $rootScope.$eval(val)="";
        }
    });

}

}

I know that , by applying multiple if or switch conditions this can be done. But, finding some optimized solution. Any help would be appriciated. Thanx in advance.

The following remarks answer your question, but why use $rootScope? Is using a local $scopenot enough? Try limiting the digest cycle if possible. Another way to store application variables is to use services (singleton). — daan.desmedt
– daan.desmedt, Commented Feb 8, 2017 at 12:29

Thalaivar · Accepted Answer · 2017-02-08 12:27:42Z

1

Why don't you just use

$rootScope[tabname]="myValue";

$rootScope is like an object in angular on which you can add properties and access properties like how you do with plain old javascript.

answered Feb 8, 2017 at 12:27

Thalaivar

23.7k5 gold badges63 silver badges71 bronze badges

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

Comments

Daniel Beck · Accepted Answer · 2017-02-08 12:27:33Z

0

root scope is just another javascript object, so you'd do

$rootScope[tabname]="myValue";

(That said, it's generally not a great idea to stuff a lot of data directly into $rootScope, that's the Angular equivalent of using global variables for everything...)

answered Feb 8, 2017 at 12:27

Daniel Beck

21.7k5 gold badges43 silver badges61 bronze badges

4 Comments

Anonymous Over a year ago

i agree with you. Actually this is sample code, i have to use these variables in all over my application, so they are global ones.

Daniel Beck Over a year ago

If you need to share data across the application, consider using a service instead of root scope.

Anonymous Over a year ago

Yes. But for a moment your solution is not working. I think it thinks that expression as array.

Daniel Beck Over a year ago

That syntax works for objects too. for example var foo = {}; var bar="baz"; foo[bar] = "bat"; I'm not sure what's going wrong for you, can you be more specific about what happened? "That's not working" doesn't give much to go on

Collectives™ on Stack Overflow

How to create variable names dynamicaly in angularjs?

2 Answers 2

Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related