下拉列表<option>未传递到 Firestore Database Angular

Question

我有一个表单，除了下拉选择之外，所有数据都按预期传递到我的Firestore数据库，我不确定为什么会这样。有什么想法吗？

<div class="col-lg-6 col-md-12">
<div class="form-group">
<label>Name Of  Company:</label>
<select type="text" formControlName="companyName" id="companyName">
<option > Company Name </option>
<option value="Company Name 1">Company Name 1</option>
<option value="Company Name 2">Company Name 2</option>
<option value="Company Name 3">Company Name 3</option>
<option value="Company Name 4">Company Name 4</option>
</select>
</div>
</div>

发现问题，有点

因此，事实证明，该表单没有将下拉信息发送到数据库的原因是由于一些内联css，更具体地说是一个设置为**display: none;**的组件。当我在元素中禁用它时->样式，它会按预期发送数据。

然而，我仍然没有找到这个元素在代码中的位置，也没有找到永久禁用它的方法，但这只是一个开始。

问题已解决

显示：在使用漂亮的select插件时，我之前提到的任何问题都与bootstrap 4属性无关。我只是卸载了漂亮的select插件，并使用了带有一点css的原生select选项，一切都很完美。我试图找到一个变通办法，但几个小时后，我决定在没有插件的情况下前进会更快。

Answer 1

这一部分正在工作。如果这不适用于您，那么您需要查看模型或函数中的迁移表id/name。

<form action="">
<div class="col-lg-6 col-md-12">
<label>Name Of  Company:</label>
<select formControlName="companyName" id="companyName">
<option > Company Name </option>
<option value="Company Name 1">Company Name 1</option>
<option value="Company Name 2">Company Name 2</option>
<option value="Company Name 3">Company Name 3</option>
<option value="Company Name 4">Company Name 4</option>
</select>
</div>
<input type="submit" value="Submit">
</form>