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

前端之家收集整理的这篇文章主要介绍了使用formControlName的Angular 2 – ng-bootstrap下拉列表前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有办法让 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

猜你在找的Angularjs相关文章