Angular2 Ok Tuşlarını Kullanarak Gezinme

Question

Öğe listemize sahip olduğum bir Angular2 projesinde çalışıyorum ve herhangi bir öğeyi tıklatarak, öğe ayrıntıları bileşenini kullanarak ayrıntılar sayfasını görüntüleyin. Kullanıcıların, sağ ve sol ok tuşlarını kullanarak öğeleri gezinmesine izin vermenin bir yolunu bulmaya çalışıyorum.

Öyleyse, bir öğe listemiz var ve örneğin kullanıcı listedeki ilk öğeyi tıklattığında öğe ayrıntılarını gösterir, şimdi istediğim şu ki, kullanıcı sağ ok tuşuna bastığında otomatik olarak sonraki ayrıntıların ayrıntılarını yüklemelidir listedeki öğe.

İki bileşenli ItemsListComponent ve ItemDetailsComponent'in her biri kendi yoluna sahip, ItemDetailsComponent bir parametre kimliğine sahiptir. Ve bir ItemsService'de saklanan öğelerin bir listesi var.

ItemDetails bileşeninde görüntülenecek iki düğme var Sonraki ve Önceki öğelerin her ikisi de aynı bileşendeki showNext (id) ve showPrevious (id) işlevlerini gösterir.

Her şey iyi çalışıyor, ancak sağ/sol ok tuş takımı olayını showNext (id) ve showPrevious (id) işlevlerine bağlayamıyorum.

Bileşen yapıcısında, belgede addEventListener kullanılarak bir olay dinleyicisi ekleyen bir yaklaşım düşünmüştüm, ancak bu, zarif bir çözüm olarak görünmüyor.

Bu konuyla ilgili herhangi bir yardım çok takdir edilecektir.

Not: jQuery yüzden bazı isabet ve yargılama ile saf Angular2 çözümü

Answer 1

arayan kullanmıyorum, cevabı buldum, bu ItemDetailsComponent benim ana div bu oldu gerekli tüm:

(window: keydown) = "onKey ($ event)"