angular - hvorfor fungerer pan og tap mens swipe ikke gjør det i min HammerJS, angular2 og Typescript plunker?


Jeg laget denne plunker http://plnkr.co/edit/s8p2KtW8YnPqU557J78k?p=preview som viser det jeg vil anse som den mest grunnleggende måten å utnytte hammerjs og dets gesthendelser fra innenfor angular2 og typescript som et eksternt bibliotek.

_.each( this.actors, function(actor){

        var myElement = document.getElementById(actor.id);
        myElement.style.backgroundColor = actor.color;

        var hammertime = new window.Hammer(myElement);


        hammertime.on('panright', function(ev) {

            var target = ev.target;
            var actorName = target.getAttribute('data-actor');

            console.log("pan actorName: ", actorName);
        });


        hammertime.on('tap', function(ev) {

            var target = ev.target;
            var actorName = target.getAttribute('data-actor');

            console.log("tap actorName: ", actorName);
        });

        hammertime.on('swipe', function(ev) {

            var target = ev.target;
            var actorName = target.getAttribute('data-actor');

            console.log("swipe actorName: ", actorName);
        });

   });

Jeg kan se trykk- og panoreringshendelser, men ikke sveipehendelsene. Noen ideer hvorfor? For mine formål kan jeg ganske enkelt behandle panvenstre eller panhøyre som en sveipvenstre eller sveiphøyre-hendelse, men det er merkelig at sveipehendelsene ikke ser ut til å bli fanget konsekvent som pan.

Relaterte artikler