Ngx-drag-scroll: method indexChanged / moveRight funktioniert nicht

Erstellt am 17. Sept. 2018  ·  10Kommentare  ·  Quelle: bfwg/ngx-drag-scroll

  • Ich reiche ein...

    • [x] Fehlerbericht
    • [ ] Featureanfrage
    • [ ] Supportanfrage => Bitte stellen Sie hier keine Supportanfrage, siehe Hinweis oben in dieser Vorlage.
  • Wie ist das aktuelle Verhalten?

Mir ist aufgefallen, dass die indexChanged-Methode aus irgendeinem Grund nicht richtig funktioniert. Manchmal gibt es den letzten Index zurück, aber wenn ich mir das Karussell ansehe, ist es nicht am Ende. Ich nehme an, deswegen funktioniert die Methode moveRight nicht mehr (letzter Index erreicht).

  • Wenn das aktuelle Verhalten ein Fehler ist, geben Sie bitte die Schritte zur Reproduktion an und wenn möglich eine minimale Demo des Problems. Sie können die Demo-Site als Beispiel verwenden oder über https://plnkr.co

Sie sollten es reproduzieren können, indem Sie die Methode indexChanged aufrufen und mit dem tatsächlichen Index (visuell) vergleichen.

  • Was ist das erwartete Verhalten?
    Ich erwarte, den richtigen Index zu erhalten, aber aus irgendeinem Grund springt der Index zu jedem Zeitpunkt der Verwendung zum letzten.

  • Was ist die Motivation / der Anwendungsfall für die Verhaltensänderung?
    Durch das Debuggen könnte die Methode MoveRight/MoveLeft wieder verwendet werden.

  • Bitte erzählen Sie uns von Ihrer Umgebung:

    • Browser: Chrome
bug

Hilfreichster Kommentar

Leider besteht das Problem immer noch. Bitte öffnen Sie es erneut.
Ich habe die Demo mit [email protected] ausprobiert und es stellt sich heraus, dass die Bewegung von Index 6 bis Index 10 nicht funktioniert. Ich würde erwarten, dass sich die Bilder noch nach links bewegen, wenn ich die Taste "rechts" drücke.

Alle 10 Kommentare

Hallo @Andi1990 , können Sie das Problem mit dem Demo-Anwendungskarussell reproduzieren? Ich kann das gerade bis letzte Indexproblem nicht reproduzieren.

Der Link zur Demo ist tot. Hast du noch eine, vielleicht Geige oder so?
Der Grund könnte jedoch sein, dass ich divs anstelle von imgs habe, die sich im Drag-Scroll-Container befinden

Sie können die Demo mit ausführen

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

Ich habe die Demo durch Klonen von https://github.com/bfwg/ngx-drag-scroll.git ausgeführt und es hat funktioniert, danke.
Ich konnte das Problem reproduzieren:
Die folgende Konsolenausgabe wird erzeugt, indem man einfach mehrmals auf den Move-right-Button klickt:
Angular läuft im Entwicklungsmodus. Rufen Sie enableProdMode() auf, um den Produktionsmodus zu aktivieren.
ngx-drag-scroll.ts:113 Index auf 1 geändert
ngx-drag-scroll.ts:113 Index auf 0 geändert
ngx-drag-scroll.ts:113 Index auf 1 geändert
home.component.ts:92 Snap-Animation fertig
ngx-drag-scroll.ts:113 Index geändert auf 2
ngx-drag-scroll.ts:113 Index auf 1 geändert
ngx-drag-scroll.ts:113 Index geändert auf 2
home.component.ts:92 Snap-Animation fertig
ngx-drag-scroll.ts:113 Index geändert auf 3
ngx-drag-scroll.ts:113 Index auf 2 geändert
ngx-drag-scroll.ts:113 Index geändert auf 3
home.component.ts:92 Snap-Animation fertig
ngx-drag-scroll.ts:113 Index auf 4 geändert
ngx-drag-scroll.ts:113 Index geändert auf 3
ngx-drag-scroll.ts:113 Index auf 4 geändert
home.component.ts:92 Snap-Animation fertig
ngx-drag-scroll.ts:113 Index auf 5 . geändert
ngx-drag-scroll.ts:113 Index auf 4 geändert
ngx-drag-scroll.ts:113 Index auf 5 . geändert
home.component.ts:92 Snap-Animation fertig
ngx-drag-scroll.ts:113 Index auf 6 geändert
ngx-drag-scroll.ts:113 Index auf 5 . geändert
ngx-drag-scroll.ts:113 Index auf 6 geändert
home.component.ts:92 Snap-Animation fertig
ngx-drag-scroll.ts:113 Index auf 7 geändert
home.component.ts:92 Snap-Animation fertig
ngx-drag-scroll.ts:113 Index auf 8 geändert
ngx-drag-scroll.ts:113 Index auf 9 geändert
home.component.ts:92 Snap-Animation fertig
ngx-drag-scroll.ts:113 Index auf 8 geändert
ngx-drag-scroll.ts:113 Index auf 9 geändert
home.component.ts:92 Snap-Animation fertig

in ngx-drag-scroll.ts habe ich gerade eine Zeile für meine Konsolenausgabe hinzugefügt:
setze currIndex (Wert) {
if (Wert !== this._index) {
this._index = Wert;
this.indexChanged.emit(Wert);
console.log('index geändert in ' + this._index);
}
}

Es gibt also zwei Probleme:

  • Warum wird der Index umgeschaltet?
  • Und aus irgendeinem Grund springt er beim mehrmaligen Klicken auf den Index 9 und der Button funktioniert nicht mehr (keine Bewegung).

Bitte probieren Sie 2.0.0-beta.7 aus. Lassen Sie es mich wissen, wenn ich das wieder öffnen muss. Danke fürs Melden!

Leider besteht das Problem immer noch. Bitte öffnen Sie es erneut.
Ich habe die Demo mit [email protected] ausprobiert und es stellt sich heraus, dass die Bewegung von Index 6 bis Index 10 nicht funktioniert. Ich würde erwarten, dass sich die Bilder noch nach links bewegen, wenn ich die Taste "rechts" drücke.

Es stellt sich heraus, dass das Problem nur auftritt, wenn das letzte Bild (Index) ausgewählt ist. Navigiert man dann zum vorherigen Bild (durch Scrollen oder Button), funktioniert die Navigation einwandfrei, aber die Funktion _indexChanged()_ erkennt den geänderten Index nicht bzw. wechselt fälschlicherweise wieder zum letzten Index.
Beispiel für eine Konsolenausgabe beim Versuch, vom letzten Bild zum vorherigen zu wechseln (letzter Index = 8):
Index geändert 7
Index geändert 8

Irgendeine Hilfe?

Ich schaue heute nach der Arbeit mal nach. Entschuldigung für die Verspätung.

Hallo @Andi1990 , kannst du 2.0.2 ausprobieren? Vielen Dank

Es funktioniert, schöne Arbeit!

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen

Verwandte Themen

Andi1990 picture Andi1990  ·  7Kommentare

Another-Sam picture Another-Sam  ·  12Kommentare

CrackerakiUA picture CrackerakiUA  ·  25Kommentare

IlCallo picture IlCallo  ·  14Kommentare

suresh2018 picture suresh2018  ·  22Kommentare