Parse scope variable name to scope function?

Question

I have a dropdown menu and the clickable element that toggles the dropdown. When the user clicks on a list item in the dropdown menu I want to add that value to the input boxes value.

The dropdown menu I have is iterated a defined number of times to create a dropmenu listing incremented numbers.

<!--input-->
<input type="text" value="{{rooms}}">

<!--dropdown-->
<ul role="menu">
    <li data-ng-repeat="i in getNumber(num_of_rooms)">
        <a href="javascript:void(0);" data-ng-click="addToDropDown($index)">{{$index+1}}</a>
    </li>
</ul>



//This function simply returns an array so the dropdown menu repeats a defined number of times
$scope.getNumber = function(n) {
    return new Array(n);
};


//I want this scope function to add the value to the input by updating a scope variable
$scope.addToDropDown = function(scope_name, value){

    $scope.scope_name = value;
};

-----------

//This works but I'm defining a scope name which I would like to add dynamically as I have multiple dropdown menus
$scope.addToDropDown = function(value){

    var val = value+1;
    $scope.rooms = val;
};

Is there a way to assign a new value to the scope variable inside the view itself?

Your question is a bit vague and difficult to understand. Could you improve it by specifying which scope variable you want to assign a value to and what value you want to assign? — callmekatootie
– callmekatootie, Commented May 30, 2013 at 10:50

Tosh · Accepted Answer · 2013-05-31 08:29:20Z

4

Is this what you want? http://plnkr.co/edit/Pew3KIoTy2fVp0tV3xv6?p=preview

give a string of the variable name to the click handler:

<a href="" ng-click="addToDropDown('rooms', $index)">
  {{ $index + 1 }}
</a>

just refer the property of the given name in the handler:

$scope.addToDropDown = function(scope_name, value) {
  $scope[ scope_name ] = value;
};

answered May 31, 2013 at 8:29

Tosh

36k11 gold badges67 silver badges58 bronze badges

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

2 Comments

Malcr001 Over a year ago

Thank you this is a much better way to do it.

sksallaj Over a year ago

you sir are a life saver! :-p

Collectives™ on Stack Overflow

Parse scope variable name to scope function?

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