javascript - Angular - 下拉表单 - 未考虑值

Question

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

<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>

表单正确执行，数据保存在数据库中，但“状态”字段的值仍为空(而不是如所希望的“已批准”、“未批准”或“其他”)。您知道如何解决这个问题吗？

Answer 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属性用于 Angular 验证，[(ngModel)]用于绑定(bind)，

如果您不打算使用 Angular 进行验证，则不必使用 name