ngSwipe e scorrimento orizzontale

Question

Si verificano problemi che combinano lo ng-swipe e lo scorrimento orizzontale sul cellulare. Il caso d'uso è che ho una pagina che su swiping dovrebbe caricare next o previous e all'interno ci sono dei moduli che mostrano molte informazioni. Alcuni di essi sono scorrevoli.

Quindi, non appena si scorre il colpo sul genitore calci e si naviga. Così ho messo un altro paio di ng-swipe sul genitore dell'elemento scorrevole con questo tipo di inganno:

self.onInnerSwipe = function($event) { 
    $event.originalEvent.preventAction = true; 
}; 

E poi il genitore:

var shouldActionProceed = function($event) { 
    return !$event || !$event.originalEvent || !$event.originalEvent.preventAction; 
}; 

self.goToPrev = function($event) { 
    if (shouldActionProceed($event)){ 
    // Do Magic 
    } 
} 

Questo fa il trucco in modo che l'azione non procede se sto scorrendo su quell'elemento ma lo scorrimento non funziona davvero. È un po 'ma non è così. Inizia un po 'e poi si ferma.

Su Chrome vengono registrati questi avvisi a volte.

ignorati tentativo di cancellare un evento touchmove con cancelable = false, per esempio perché scorrimento è in corso e non può essere interrotta.

Ho preparato una demo qui: http://jsbin.com/webologavu/2/ che è eccessivamente semplicistica ma è possibile riprodurre il problema.

Eventuali suggerimenti?

Answer 1

Penso che sia un problema di concorrenza con questi eventi. Potrebbe funzionare meglio se il tuo evento genitore non si basa sull'evento figlio. Per farlo:

//add a identifier to your list element 
<ul class="myList" your-other-attrs></ul> 

//should proceed can rely on the target element to find out 
//if the target element belongs (or is) in your list. 
var shouldActionProceed = function($event) { 
    return !$($event.target).hasClass("myList") && //is myList? 
     $($event.target).parents(".myList").length == 0; //has parent 'myList'? 
}; 

In questo modo, l'evento genitore può funzionare sul suo on.