Javascript 角度-下拉形式-未考虑值
这是我的下拉角度表单的源代码:Javascript 角度-下拉形式-未考虑值,javascript,html,node.js,angular,forms,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> <optio
<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>
用户状态
简单用户
专业的
其他
表单已正确执行,数据保存在数据库中,但字段“状态”的值仍为空(且不是所需的“已批准”、“未批准”或“其他”)。您知道如何解决这个问题吗?您的代码应该是这样的 而
[(ngModel)]
应该在
标签上,而不是
标签上
和用户状态
应具有值已批准、未批准或其他
<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)]
用于绑定
如果您不打算使用angular进行验证,您不必使用
名称
非常感谢您的回答,但我尝试了,但它不起作用:我有一个mongo DB,添加了一个新文档,但相应的字段“status”仍然是一个类型为“text”的空字段。您认为这可能是另一个问题造成的吗?是的,请确保user.status的值为“已批准”、“未批准”或“其他”。或者,您可以通过添加空的
进行检查,就像在我的更新答案中一样。现在,如果user.status为空,它将显示“notselected”,您的建议是好的,以防止其他可能的错误。然而,这足以解决我的问题,但我找到了解决办法我忘了把属性“name”放进。我将在下一个答案中写下我的最终答案。你直接复制了我的答案朋友,你可以用name=“status”
编辑我的答案并接受它。