Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了使用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

大佬总结

以上是大佬教程为你收集整理的使用formControlName的Angular 2 – ng-bootstrap下拉列表全部内容,希望文章能够帮你解决使用formControlName的Angular 2 – ng-bootstrap下拉列表所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: