角度 - 下拉形式 - 未考虑的值

时间:2018-01-13 19:37:23

标签: javascript html node.js angular forms

这是我的下拉角形式的源代码:

<form (submit) = "save()">
<div>
<label for="status">User Status </label>
<select>
<option type="text"  name="status" [(ngModel)]="user.status" 
value="approved">Simple User</option>
<option type="text"  name="status" [(ngModel)]="user.status" 
value="disapproved">Professional</option>
<option type="text"  name="status" [(ngModel)]="user.status" 
value="other">Other</option>
</select>
</div>
<input type="submit" value="Submit"/>
</form>

表单正确执行并且数据保存在数据库中,但字段“status”的值仍为空(并且不是“已批准”,“未批准”或“其他”希望)。你知道如何解决这个问题吗?

1 个答案:

答案 0 :(得分:1)

您的代码应该是这样的。

并且[(ngModel)]应位于<select>代码上,而不是<option>代码。

user.status的值应为已批准已拒登其他

<form (submit) = "save()">
  <div>
    <label for="status">User Status </label>
    <select [(ngModel)]="user.status" name="status">
      <option value="">Not Selected (Empty)</option>
      <option value="approved">Simple User</option>
      <option value="approved">Simple User</option>
      <option value="disapproved">Professional</option>
      <option value="other">Other</option>
    </select>
  </div>
  <input type="submit" value="Submit"/>
</form>

更新:

name属性用于角度验证,[(ngModel)]用于绑定,

如果您不打算使用角度进行验证,则不必使用name