angular - 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>
解决方案
嗨使用焦点事件而不是点击。
<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>
推荐阅读
- php - 选择一个项目后,PHP 表单下拉菜单仍为空白
- r - 尝试使用 reportfactory 更新报告()时出错
- c# - 从字典中选择值作为字符串列表
- javascript - 将下拉菜单与响应式导航栏中的输入对齐
- flutter - 在 RaisedButton 内放置一个 CircularProgressIndicator 保持大小
- android - 没有 Sceneform 的 Android ARCore 渲染对象
- google-apps-script - 困难情况:如何将值“用户权限”正确设置到谷歌表格中?
- eclipse - spring 工具套件中的项目路径和工作区有什么区别?
- python - 我看不懂这段代码。我想把他分开
- visual-studio-code - 在 VSCode 中使用正则表达式搜索和替换 JSON 多行