angularjs - Angular JS：将表单的选择选项值作为参数传递给 ng-submit="doStuff()"

Question

我已将代码简化为：

<form ng-submit="doStuff($('select').val())">
  <select name="menu">
    <option value="foo">bar</option>
  </select>
</form>

当我提交表单时，我希望将 angular<select>的值传递给函数doStuff()。解决这个问题的最佳方法是什么？

Answer 1

您不需要将下拉列表的值传递给提交处理程序。

它可以在 doStuff 方法中作为$scope.menu使用。

此外，您应该使用 Angular 的ng-options来填充下拉列表中的选项：

<form ng-submit="doStuff()">
<select ng-model="menu" ng-options="item.name for item in items">       
</select>