Question

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

<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”的值仍为空（并且不是“已批准”，“未批准”或“其他”希望）。你知道如何解决这个问题吗？

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

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

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

1 个答案: