Use select in angular to pass multiple arguments

Question

In Angular Js is there a way to use a select element the same way you can with a list of links?

For example if I have some links like this:

<a ng-click="ctrl.change('argument1','argument2')">One</a>
<a ng-click="ctrl.change('argument3','argument4')">Two</a>
...

Is there a way I can do the same thing with a select element?

<select>
    <option value="argument1,argument2">One</option>
    <option value="argument3,argument4">Two</option>
    ...
</select>

I thought about that, but I can't figure out how to do it with multiple arguments. Any thoughts? — Jared Whipple
– Jared Whipple, Commented Oct 15, 2015 at 9:01
Like <select ng-change='ctrl.change('argument1','argument2')'> — Rayon
– Rayon, Commented Oct 15, 2015 at 9:02
How would that work with different arguments from each select option? — Jared Whipple
– Jared Whipple, Commented Oct 15, 2015 at 9:05
I think you have an array of objects, just pass object values as an argument. — Rayon
– Rayon, Commented Oct 15, 2015 at 9:06

Shushanth Pallegar · Accepted Answer · 2015-10-15 09:21:08Z

1

you can pass the variables and model through ng-change , hope below code helps you,

template

<div ng-controller="myCtrl">
        <select ng-model="item" ng-options="i.name for i in items" ng-change="changed('hello','world',item)">
            <option value="">choose items</option>
        </select>
 </div>

controller

function myCtrl($scope) {

    $scope.items = [{

            "name": "first",
            "type" : "type1"

    }, {

            "name": "second",
            "type" : "type2"

    }, {

            "name": "third",
            "type" : "type3"

    }];


    $scope.changed = function (hello,world,item) {
        alert(hello); // argument1
        alert(world); //argument2
        alert(item.type); //model argument based on the selection
    }

}

answered Oct 15, 2015 at 9:21

Shushanth Pallegar

2,8721 gold badge17 silver badges17 bronze badges

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

Comments

Josh Lin · Accepted Answer · 2015-10-15 09:20:58Z

0

do u mean this? use controller value instead of scope value if u wish

<select ng-options="['a,b','c,d']" ng-model="selected" ng-change="ctrl.change(selected)">

answered Oct 15, 2015 at 9:20

Josh Lin

2,44514 silver badges21 bronze badges

Collectives™ on Stack Overflow

Use select in angular to pass multiple arguments

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related