Declaring multiple scopes based on user input Angular-Rails

Question

I have a $scope of 1 to 5 lists, depending on user input. In each list there will be an array of items. I have my list names as list1, list2....My problem is when I declare the $scope using $scope.list = []; it of course isn't going to know which list that would be. Since I am naming them statically and they have a limit of 5 I know I could declare each list. I feel that is a bit too heavy and not efficient. Is there a better way of declaring each list, based on the user input?

Darren Wainwright · Accepted Answer · 2014-08-06 13:38:58Z

1

You can declare a property on your $scope dynamically - as with any other javascript object.

so, $scope.myList = [] is the same as $scope['myList'] = []

using your users input it should be simple to create these list properties on your scope from your users input.

Psuedo-code could be:

$scope.myButtonClick = function(){
     // where userInput is a number
     for (i = 0; i < userInput; i++){
         $scope['list' + (i+1).toString()] = [];
    }    
}

answered Aug 6, 2014 at 13:38

Darren Wainwright

30.8k22 gold badges87 silver badges132 bronze badges

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

2 Comments

Taylor Mitchell Over a year ago

I like it. I'm still new to Angular, I didn't think of doing that.

Darren Wainwright Over a year ago

It's all good :) this is something you can do in plain old javascript too :)

Collectives™ on Stack Overflow

Declaring multiple scopes based on user input Angular-Rails

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related