Angular 2 - 带有 formControlName 的 ng-bootstrap 下拉菜单

Question

有没有办法让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" />

Answer 1

不幸的是，ng-bootstrap 下拉菜单不能用作开箱即用的表单控件。

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