移动/平板电脑上的下拉按钮项目不会触发Angular 2点击事件

Question

我有以下HTML代码：

<div class="btn-group pull-right">
   <div class="fbtn-inner">
      <button class="fbtn waves-attach waves-circle waves-effect" data-toggle="dropdown"><span class="fa fa-plus"></span></button>
     <div class="fbtn-dropdown">
       <button class="fbtn waves-attach waves-circle waves-effect" (click)="onAddContact()">
        <span class="fa fa-users"></span>
        <span class="fbtn-text fbtn-text-left">Add contact</span>
       </button>
    </div>
   </div>
</div>

问题是下拉菜单已打开，但按钮上的点击事件不会仅针对移动设备/平板电脑设备启动，而是在桌面浏览器上完美运行。

知道为什么吗？

Answer 1

检查按钮和div的宽度或高度。可能在移动设备按钮与任何元素重叠，这就是它无法正常工作的原因。