Question

我是angularjs的新手，并用角度模态选择框替换了常规的html <select>框。

使用$ http ajax请求填充选择框并正确加载数据，但表单无法提交。

我的原始代码：

<body>
<form id="form-filename">
<div align="center"><select name="filename" id="filename" class="browser-default"></select></div>
<input type="button" id="submit-filename" value="Apply"><br>
</form></body>

带角度选择框的我的版本：

<body ng-app="httptest" ng-controller="getjson">
 <form id="form-filename">
 <button class="semi-transparent-button"  name="filename" modal-select="" ng-model="someModel" options="data" modal-title="Select Location">  Select File
                <div class="option">
                  {{option}}
                </div></form>

我不确定我需要修改什么才能让选择框提交表单并更新文件名值。

Answer 1

这是您以Angular方式提交表单的方式：

查看：

<form novalidate ng-submit="submit(data)"> <select name="selectElem" ng-model="data.selectedItem" ng-options="item as item for item in options"> <option value="" selected disabled>Select Option</option> </select> <button type="submit">Submit</button> </form>

<强>控制器：

$scope.options = [ 'A', 'B', 'C', 'D' ]; $scope.submit = function(data) { // do stuff with your data console.log(data); };

Plunker Demo

使用angularjs选择框提交表单

1 个答案: