Angular 子组件中的ngbDropdownToggle

Angular 子组件中的ngbDropdownToggle,angular,bootstrap-4,ng-bootstrap,Angular,Bootstrap 4,Ng Bootstrap,我正在使用ng引导和angular9 我的应用程序中有一些不同类型的下拉列表,其中一个在一张桌子里。我想定制开关,所以我用它做了一个组件 <div ngbDropdown class="d-inline-block"> <app-button-cell [iconUrl]="'assets/svg/more-horiz.svg'" [dropdownId]="'dropdownBasic1'"

我正在使用ng引导和angular9

我的应用程序中有一些不同类型的下拉列表,其中一个在一张桌子里。我想定制开关,所以我用它做了一个组件

<div ngbDropdown class="d-inline-block">
  <app-button-cell
    [iconUrl]="'assets/svg/more-horiz.svg'"
    [dropdownId]="'dropdownBasic1'"
  ></app-button-cell>
  // dropdownMenu
</div>

//下拉菜单
按钮cll看起来像这样

   <div
    [id]="dropdownId"
    ngbDropdownToggle
    class="button-cell d-flex justify-content-center align-items-center"
  >
    <svg-icon [src]="iconUrl"></svg-icon>
  </div>

它工作得很好,但当我点击时,只有第一次

未捕获的TypeError:无法读取未定义的属性“nativeElement” 在NGB下拉菜单中

有没有简单的解决方法