Angular 如何将下拉值作为参数传递？

这是我的下拉菜单

<div class="btn-group mr-3" >
                <div class="btn-group" ngbDropdown role="group" aria-label="Button group with nested dropdown" >
                  <button class="btn btn-outline-primary" ngbDropdownToggle>Job Type</button>
                  <div class="dropdown-menu" ngbDropdownMenu >
                      <button ngbDropdownItem *ngFor="let city of City" #city required>{{city}}</button>
                  </div>
                </div>
              </div>

工作类型
{{城市}

这是按钮点击功能

<div class="formGroup">
                <input type="button" class="btn btnPrimary" value="Log in"
                  (click)="authuService.SignIn(useremail.value, userPassword.value, city.value)">
              </div>

---

这不起作用。因此，如何像这样传递所选项目值。请帮助

ng引导下拉列表不是表单元素。它没有值。它不是为了“选择”某个东西而设计的，只是作为一个下拉菜单来点击按钮。如果您想要表单中的选择框，请使用select。我希望像这样传递值。所以，如果我使用select标签，有可能吗？或者你能为这个建议其他的下拉代码吗。你要做的是使用合适的工具来完成这项工作。选择框是HTML提供的，用于在多个元素中选择一个元素。表单是HTML用来收集信息和提交信息的工具。Angular支持表单和表单中的选择框，包括验证、绑定和所有内容。学习如何使用表单。好的，我知道了。谢谢