首页 > 解决方案 > ngbDropdownItem 上的单击事件在 iPhone 中无法使用 Zoom in

问题描述

我有一个使用 ngbDropdown 的 Angular 8 Web 应用程序。我已将点击事件附加到 ngbDropdownItem。有用。但是当我在 iPhone 中放大网络应用程序时,点击事件不起作用。

<div ngbDropdown container="body" class="d-inline-block">
                        <button class="btn btn-outline-primary" ngbDropdownToggle>Toggle dropdown</button>
                        <div ngbDropdownMenu>
                            <button ngbDropdownItem (click)="test()">Action - 1</button>
                            <button ngbDropdownItem (click)="test()">Another Action</button>
                            <button ngbDropdownItem (click)="test()">Something else is here</button>
                        </div>
                    </div>

标签: angularng-bootstrap

解决方案


嗨使用焦点事件而不是点击。

<div ngbDropdown container="body" class="d-inline-block">
                        <button class="btn btn-outline-primary" ngbDropdownToggle>Toggle dropdown</button>
                        <div ngbDropdownMenu>
                            <button ngbDropdownItem (focus)="test()">Action - 1</button>
                            <button ngbDropdownItem (focus)="test()">Another Action</button>
                            <button ngbDropdownItem (focus)="test()">Something else is here</button>
                        </div>
                    </div>

推荐阅读