Ngx-drag-scroll: la méthode indexChanged / moveRight ne fonctionne pas

Créé le 17 sept. 2018  ·  10Commentaires  ·  Source: bfwg/ngx-drag-scroll

  • Je soumets un...

    • [x] rapport de bogue
    • [ ] demande de fonctionnalité
    • [ ] demande de support => Veuillez ne pas soumettre de demande de support ici, voir la note en haut de ce modèle.
  • Quel est le comportement actuel ?

J'ai remarqué que la méthode indexChanged ne fonctionne pas correctement pour une raison quelconque. Parfois, il renvoie le dernier index, mais lorsque je regarde le carrousel, ce n'est pas à la fin. Je suppose qu'à cause de cela la méthode moveRight ne fonctionne plus (dernier index atteint).

  • Si le comportement actuel est un bug, veuillez fournir les étapes à reproduire et si possible une démo minimale du problème, vous pouvez utiliser le site de démonstration comme exemple ou via https://plnkr.co

Vous devriez pouvoir le reproduire en appelant la méthode indexChanged et le comparer avec l'index réel (visuellement).

  • Quel est le comportement attendu ?
    Je m'attends à obtenir le bon index, mais pour une raison quelconque, à tout moment d'utilisation, l'index passe au dernier.

  • Quelle est la motivation / le cas d'utilisation pour changer le comportement ?
    En déboguant cela, la méthode MoveRight/MoveLeft pourrait être à nouveau utilisée.

  • Parlez-nous de votre environnement :

    • Navigateur : Chrome
bug

Commentaire le plus utile

Malheureusement, le problème persiste. Veuillez le rouvrir.
J'ai essayé la démo avec [email protected] et il s'avère qu'à partir de l'index 6 jusqu'à l'index 10, le mouvement ne fonctionne pas. Je m'attendrais à ce que les images se déplacent toujours vers la gauche, lorsque j'appuie sur le bouton "droit".

Tous les 10 commentaires

Salut @Andi1990 , êtes-vous capable de reproduire le problème avec le carrousel d'applications de démonstration ? Je n'arrive pas à reproduire le dernier numéro d'index.

Le lien vers la démo est mort. En avez-vous un autre, peut-être un violon ?
Cependant, la raison pourrait être que j'ai des div au lieu d'img qui sont dans le conteneur glisser-défilement

Vous pouvez exécuter la démo avec

$ git clone [email protected]:bfwg/ngx-drag-scroll.git
$ cd ngx-drag-scroll
$ npm install
$ npm start

J'ai exécuté la démo en clonant https://github.com/bfwg/ngx-drag-scroll.git et cela a fonctionné, merci.
J'ai pu reproduire le problème :
La sortie de console suivante est produite en cliquant simplement plusieurs fois sur le bouton déplacer vers la droite :
Angular fonctionne en mode développement. Appelez enableProdMode() pour activer le mode production.
ngx-drag-scroll.ts:113 index changé en 1
ngx-drag-scroll.ts:113 index changé en 0
ngx-drag-scroll.ts:113 index changé en 1
home.component.ts:92 animation instantanée terminée
ngx-drag-scroll.ts:113 index changé en 2
ngx-drag-scroll.ts:113 index changé en 1
ngx-drag-scroll.ts:113 index changé en 2
home.component.ts:92 animation instantanée terminée
ngx-drag-scroll.ts:113 index modifié en 3
ngx-drag-scroll.ts:113 index changé en 2
ngx-drag-scroll.ts:113 index modifié en 3
home.component.ts:92 animation instantanée terminée
ngx-drag-scroll.ts:113 index changé en 4
ngx-drag-scroll.ts:113 index modifié en 3
ngx-drag-scroll.ts:113 index changé en 4
home.component.ts:92 animation instantanée terminée
ngx-drag-scroll.ts:113 index modifié en 5
ngx-drag-scroll.ts:113 index changé en 4
ngx-drag-scroll.ts:113 index modifié en 5
home.component.ts:92 animation instantanée terminée
ngx-drag-scroll.ts:113 index changé en 6
ngx-drag-scroll.ts:113 index modifié en 5
ngx-drag-scroll.ts:113 index changé en 6
home.component.ts:92 animation instantanée terminée
ngx-drag-scroll.ts:113 index changé en 7
home.component.ts:92 animation instantanée terminée
ngx-drag-scroll.ts:113 index changé en 8
ngx-drag-scroll.ts:113 index changé en 9
home.component.ts:92 animation instantanée terminée
ngx-drag-scroll.ts:113 index changé en 8
ngx-drag-scroll.ts:113 index changé en 9
home.component.ts:92 animation instantanée terminée

dans ngx-drag-scroll.ts, je viens d'ajouter une ligne pour la sortie de ma console :
set currIndex(valeur) {
if (valeur !== this._index) {
this._index = valeur;
this.indexChanged.emit(value);
console.log('index changé en ' + this._index);
}
}

Il y a donc deux problèmes :

  • Pourquoi fait-il basculer l'index ?
  • Et pour une raison quelconque, lorsque vous cliquez plusieurs fois sur le bouton, il passe à l'index 9 et le bouton ne fonctionne plus (aucun mouvement).

Veuillez essayer la version 2.0.0-beta.7. Faites-moi savoir si je dois rouvrir cela. Merci d'avoir signalé !

Malheureusement, le problème persiste. Veuillez le rouvrir.
J'ai essayé la démo avec [email protected] et il s'avère qu'à partir de l'index 6 jusqu'à l'index 10, le mouvement ne fonctionne pas. Je m'attendrais à ce que les images se déplacent toujours vers la gauche, lorsque j'appuie sur le bouton "droit".

Il s'avère que le problème ne se produit que lorsque la dernière image (index) est sélectionnée. En naviguant ensuite jusqu'à l'image précédente (par scroll ou bouton), la navigation fonctionne bien mais la fonction _indexChanged()_ ne ​​reconnaît pas l'index modifié ou plutôt elle rebascule à tort sur le dernier index.
Exemple de sortie de console en essayant de passer de la dernière image à la précédente (dernier index = 8) :
indice modifié 7
indice modifié 8

De l'aide?

Je vais jeter un oeil aujourd'hui après le travail. Désolé pour le retard.

Salut @Andi1990 , pouvez-vous essayer la 2.0.2 ? Merci

Ça marche, beau boulot !

Cette page vous a été utile?
0 / 5 - 0 notes