Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/366.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 角度-下拉形式-未考虑值_Javascript_Html_Node.js_Angular_Forms - Fatal编程技术网

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”
编辑我的答案并接受它。