Ngbdropdown点击事件在运行Angular 8的Cordova的iOS PhoneGap上不起作用

时间:2019-11-08 10:30:01

标签: ios cordova dropdown angular8 ng-bootstrap

升级到Angular 8,NGBootstrap 5后,我所有的NgbDropdown都停止在ios设备(cordova应用程序)上工作。

ngbdropdown可以在Windows,Apple和Android Cordova上的所有浏览器上完美运行,但是在ios设备上的Cordova App中使用时,不会触发click事件。在xcode中不会触发任何错误。

这是一个简单的示例,当您单击某项时应触发testclick功能:

<div ngbDropdown class="d-inline-block">
   <button class="btn btn-outline-primary" id="dropdownBasic1" ngbDropdownToggle>Toggle dropdown</button>
      <div ngbDropdownMenu aria-labelledby="dropdownBasic1">
         <button ngbDropdownItem (click)="testclick(1)">Action - 1</button>
         <button ngbDropdownItem (click)="testclick(2)">Another Action</button>
          <button ngbDropdownItem (click)="testclick(3)">Something else is here</button>
      </div>
</div>

不幸的是,该事件未触发,但是ngbdropdown关闭。尝试使用焦点事件没有运气。

testclick()函数从不触发,但是ngbdropdown正常关闭。

如果将按钮放置在ngbdropdown之外,则即使使用ngbDropDownItem标签,一切也可以按预期进行:

<div class="col col-12 col-sm-4">
   <button ngbDropdownItem (click)="testclick(1)">Action - 1</button>            
</div>

使用的版本:

  • Angular CLI 8.3.18
  • 引导程序:4.3.1
  • NgBootstrap:5.1.2

曾尝试降级Angular,但遇到了一个大的依赖,使我的大型项目陷入困境。

有什么建议吗?

1 个答案:

答案 0 :(得分:0)

切换到Ngx-bootstrap下拉菜单。可以。