如何在 Angular 2 的下拉菜单中使用两种方式绑定概念？

Posted 2023-02-22

【中文标题】如何在 Angular 2 的下拉菜单中使用两种方式绑定概念？

【英文标题】：how to two way binding concept using in dropdown in angular 2?

【发布时间】：2018-10-19 02:34:48

【问题描述】：

我怀疑如何在我尝试过的下拉按钮中使用两种方式绑定概念，但它不起作用。

【问题讨论】：

您的 html 无效...

@smnbbrv 为什么 HTML 无效？

结束选项标签有两次>>

【参考方案1】：

双向绑定意味着你只需要在你的代码中使用你的变量绑定[(ngModel)]（如果需要，你可以在模板中使用局部变量，就像你使用#businesstype一样，否则删除它）-

<select class="form-control" id="business_type" required [(ngModel)]="update.business_type" name="business_type">
  <option disabled>Select</option>
  <option *ngFor="let user of users" [value]="user.id">user.method</option>>
</select>

working example with demo entries