javascript - 在 Angular 中使用select来传递多个参数

在Angular Js中，是否可以像使用链接列表一样使用select元素？

例如，如果我有一些这样的链接：

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

有没有办法我可以用select元素做同样的事情？

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

最佳答案

您可以通过ng-change传递变量和模型，希望下面的代码对您有所帮助，

模板

<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>

控制者

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
    }

}

关于javascript - 在 Angular 中使用select来传递多个参数，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33144085/