小编Ele*_*808的帖子

使用Web API和AngularJS保存表单数据(选择列表)

我有一个显示人员数据的表单,并提供更新人员信息并将更改保存到我的数据库的功能.见下面的表格:

图1.人事信息表

绑定到文本框的字段我没有更新问题.但是,当涉及HTML选择列表(下拉列表)时,我无法保存新选择的值.

注意我可以在任意数量的文本框中进行更改,然后在选择列表中更改选择,并且表单的其余部分保存正确,只是没有对选择列表进行更改,因此它似乎没有失败任何地方.

我没有收到任何错误; 但是,我在PUT之前看到了一个额外的OPTIONS请求,我不确定(所以关于为什么会这样做的任何其他提示也会受到赞赏).

这是我的表格:

<form name="personForm" novalidate ng-controller="PersonnelEditCtrl as vm">
<fieldset class="col-md-4">
    <legend>Basic Personnel Information</legend>
    <div class="form-group row" ng-class="{'has-error':personForm.inputLastName.$invalid && personForm.inputLastName.$dirty}">
        <label class="col-md-3 control-label" for="inputLastName">Last Name</label>
        <div class="col-md-4">
            <input class="form-control" id="inputLastName" name="inputLastName" 
                   type="text" placeholder="Last Name (required)" 
                   ng-model="vm.person.lastName" required ng-minlength="1" ng-maxlength="30" />
        </div>
        <span class="help-block" has-error">
            <span ng-show="personForm.inputLastName.$error.required">
                Last name is required.
            </span>
            <span ng-show="person.form.inputLastName.$error.minlength">
                Last name must be at least 1 character in length.
            </span>
            <span ng-show="person.form.inputLastName.$error.maxlength">
                Last name cannot exceed 30 characters in length.
            </span>
        </span> …
Run Code Online (Sandbox Code Playgroud)

javascript forms asp.net-web-api angularjs

11
推荐指数
1
解决办法
1135
查看次数

标签 统计

angularjs ×1

asp.net-web-api ×1

forms ×1

javascript ×1