Angular 2 - 如何从下拉列表中选择值并提交值？ （未显示选定值）

Question

我想从下拉列表中选择一个值，并在mlab数据库中提交所选值。

目前，我可以在下拉菜单中显示所有数据，但我无法选择只显示＆＃34;选择...＆＃34;我从列表中选择值后，按钮上的文字。我不确定我是否遗漏了任何内容（ngModel或formControlName） - 我想从列表中选择值，然后将其保存到数据库中。

此外，我已将所有内容连接到数据库，因为我能够保存除下拉列表之外的其他输入字段。

代码：

<div class="dropdown">
  <button class="btn btn-primary btn-sm dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Select...
  </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    <a class="dropdown-item" *ngFor="let user of users" attr.data-value={{user._id}} id="person">{{ user.username }}</a>
  </div>
</div>

感谢任何帮助！

Answer 1

我希望我们选择这个并为选项做一个ngFor。至于提交数据，您可以使用模板表格或活动表格。不同之处在于您将ngModel用于模板表单，将FormGroup用于响应式表单。然后，您可以将模型或表单组提交给您的服务。如果你不想使用select，我想你可以在.ts文件中添加一个属性，并将按钮文本设置为该属性。然后将click事件添加到标记，您可以根据单击的项目更新属性。希望这有帮助