代码之家  ›  专栏  ›  技术社区  ›  Meryan

如何在标签式离子应用程序中设置离子网格或离子列表的焦点?

  •  0
  • Meryan  · 技术社区  · 4 年前

    如何在第二个选项卡中设置离子列表的焦点,以便在选择第二个标签后立即使用上/下箭头键? 目前的行为是,我必须总是先点击列表,才能启用键盘箭头?

    切换选项卡时,离子幻灯片会获得焦点,但离子列表不会,这是为什么?(ionic在实现其离子载玻片时使用slider.js的结果?)

    使用@HostListnener和一些css高亮显示,我设法破解了离子列表的“期望”行为,即无法获得焦点来响应上/下箭头键。也许你有比@HostListener更好的方法?

    我对另一个选项卡的离子内容中的离子网格也有类似的问题,它没有收到焦点或对箭头键没有反应。最终目标是允许箭头键和Enter键使用键盘进行选择。

    参见示例 ionic-qdwges.stackblitz.io 在此处编辑 stackblitz.com/edit/ionic-qdwges

    非常感谢。

    0 回复  |  直到 4 年前