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

Question

在 Angular Js 中，有没有一种方法可以像使用链接列表一样使用选择元素？

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

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

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

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

Answer 1

您可以通过 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>

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
    }

}