使用formControlName的Angular 2 – ng-bootstrap下拉列表

发布时间：2020-12-17 17:36:08 所属栏目：安全来源：网络整理

导读：有没有办法让 ng-bootstrap dropdown control与Angular的反应形式一起使用？鉴于： div ngbDropdown class="d-inline-block" button class="btn btn-outline-primary" id="dropdownMenu1" ngbDropdownToggleToggle dropdown/button div class="dropdown-men

有没有办法让 ng-bootstrap dropdown control与Angular的反应形式一起使用？

鉴于：

<div ngbDropdown class="d-inline-block">
  <button class="btn btn-outline-primary" id="dropdownMenu1" ngbDropdownToggle>Toggle dropdown</button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenu1">
    <button class="dropdown-item">Action - 1</button>
    <button class="dropdown-item">Another Action</button>
    <button class="dropdown-item">Something else is here</button>
  </div>
</div>

如何使用formControlName,就像在输入上使用一样？

<input formControlName="name" />

解决方法

不幸的是,ng-bootstrap下拉列表不能用作开箱即用的表单控件.

但是可以创建自己的组件,用作表单控件.为此,您需要实现ControlValueAccessor接口.您可以在本文中阅读更多内容：https://blog.thoughtram.io/angular/2016/07/27/custom-form-controls-in-angular-2.html

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!