我正在开发一个 Angular2 项目，其中有一个项目列表，单击任何项目都会使用项目详细信息组件显示其详细信息页面。我正在尝试找到一种方法，允许用户使用左右箭头键导航项目。
因此，我有一个项目列表，例如，当用户单击列表中的第一个项目时，它会显示项目详细信息，我现在想要的是，当用户按右箭头键时，它应该自动加载列表中下一个项目的详细信息。
我有两个组件 ItemsListComponent 和 ItemDetailsComponent 每个都有自己的路由，ItemDetailsComponent 有一个参数 id。我有存储在 ItemsService 中的项目列表。
我在 ItemDetails 组件中有两个按钮来显示下一个和上一个项目，每个按钮都绑定到同一组件上的 showNext(id) 和 showPrevious(id) 函数。
一切正常，但我无法将右/左箭头 KeyPress 事件链接到 showNext(id) 和 showPrevious(id) 函数。
我想到了一种方法，即在组件构造函数中使用文档上的 addEventListener 添加事件侦听器，但这似乎不是一个优雅的解决方案。
任何与此相关的帮助将不胜感激。
PS：我没有使用 jQuery，所以寻找一个纯粹的 Angular2 解决方案
经过一些尝试和尝试，我找到了答案，所需要的只是在 ItemDetailsComponent 的主 div 上：
(window:keydown)="onKey($event)"
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
