Ngx-drag-scroll: メソッドindexChanged / moveRightが機能しない

作成日 2018年09月17日  ·  10コメント  ·  ソース: bfwg/ngx-drag-scroll

  • 私は提出しています...

    • [x]バグレポート
    • []機能リクエスト
    • []サポートリクエスト=>ここではサポートリクエストを送信しないでください。このテンプレートの上部にある注を参照してください。
  • 現在の動作は何ですか?

indexChangedメソッドが何らかの理由で正しく機能していないことに気づきました。 最後のインデックスを返すこともありますが、カルーセルを見ると最後ではありません。 そのため、moveRightメソッドが機能しなくなったと思います(最後のインデックスに到達しました)。

  • 現在の動作がバグである場合は、再現する手順を提供してください。可能であれば、問題の最小限のデモを例として、またはhttps://plnkr.coからデモサイトを使用できます

メソッドindexChangedを呼び出して再現し、実際のインデックスと(視覚的に)比較できるはずです。

  • 期待される動作は何ですか?
    正しいインデックスを取得することを期待していますが、何らかの理由で、使用のどの時点でも、インデックスは最後のインデックスにジャンプしています。

  • 行動を変える動機/ユースケースは何ですか?
    これをデバッグすることにより、メソッドMoveRight / MoveLeftを再度使用できます。

  • あなたの環境について教えてください:

    • ブラウザ:Chrome
bug

最も参考になるコメント

残念ながら、問題はまだ存在します。再度開いてください。
[email protected]でデモをわかりました。 「右」ボタンを押すと、画像はまだ左に移動すると思います。

全てのコメント10件

こんにちは@ Andi1990 、デモアプリケーションカルーセルで問題を再現できますか? 最後までのインデックスの問題を再現できないようです。

デモへのリンクは無効です。 別の、多分フィドルかそこらがありますか?
ただし、その理由は、ドラッグスクロールコンテナにあるimgではなくdivがあるためかもしれません。

でデモを実行できます

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

https://github.com/bfwg/ngx-drag-scroll.gitのクローンを作成してデモを実行しましたが、機能しました。ありがとうございます。
問題を再現できました:
次のコンソール出力は、右移動ボタンを数回クリックするだけで生成されます。
Angularは開発モードで実行されています。 enableProdMode()を呼び出して、実稼働モードを有効にします。
ngx-drag-scroll.ts:113インデックスが1に変更されました
ngx-drag-scroll.ts:113インデックスが0に変更されました
ngx-drag-scroll.ts:113インデックスが1に変更されました
home.component.ts:92スナップアニメーションが終了しました
ngx-drag-scroll.ts:113インデックスが2に変更されました
ngx-drag-scroll.ts:113インデックスが1に変更されました
ngx-drag-scroll.ts:113インデックスが2に変更されました
home.component.ts:92スナップアニメーションが終了しました
ngx-drag-scroll.ts:113インデックスが3に変更されました
ngx-drag-scroll.ts:113インデックスが2に変更されました
ngx-drag-scroll.ts:113インデックスが3に変更されました
home.component.ts:92スナップアニメーションが終了しました
ngx-drag-scroll.ts:113インデックスが4に変更されました
ngx-drag-scroll.ts:113インデックスが3に変更されました
ngx-drag-scroll.ts:113インデックスが4に変更されました
home.component.ts:92スナップアニメーションが終了しました
ngx-drag-scroll.ts:113インデックスが5に変更されました
ngx-drag-scroll.ts:113インデックスが4に変更されました
ngx-drag-scroll.ts:113インデックスが5に変更されました
home.component.ts:92スナップアニメーションが終了しました
ngx-drag-scroll.ts:113インデックスが6に変更されました
ngx-drag-scroll.ts:113インデックスが5に変更されました
ngx-drag-scroll.ts:113インデックスが6に変更されました
home.component.ts:92スナップアニメーションが終了しました
ngx-drag-scroll.ts:113インデックスが7に変更されました
home.component.ts:92スナップアニメーションが終了しました
ngx-drag-scroll.ts:113インデックスが8に変更されました
ngx-drag-scroll.ts:113インデックスが9に変更されました
home.component.ts:92スナップアニメーションが終了しました
ngx-drag-scroll.ts:113インデックスが8に変更されました
ngx-drag-scroll.ts:113インデックスが9に変更されました
home.component.ts:92スナップアニメーションが終了しました

ngx-drag-scroll.tsで、コンソール出力に1行追加しました。
set currIndex(value){
if(value!== this._index){
this._index = value;
this.indexChanged.emit(value);
console.log( 'インデックスが' + this._indexに変更されました);
}
}

したがって、2つの問題があります。

  • なぜインデックスを切り替えるのですか?
  • そして、何らかの理由でボタンを数回クリックすると、インデックス9にジャンプし、ボタンが機能しなくなります(動きがありません)。

2.0.0-beta.7を試してみてください。 これを再開する必要があるかどうか教えてください。 報告してくれてありがとう!

残念ながら、問題はまだ存在します。再度開いてください。
[email protected]でデモをわかりました。 「右」ボタンを押すと、画像はまだ左に移動すると思います。

この問題は、最後の画像(インデックス)が選択された場合にのみ発生することがわかりました。 次に(スクロールまたはボタンで)前の画像に移動すると、ナビゲーションは正常に機能しますが、関数_indexChanged()_は変更されたインデックスを認識しないか、誤って最後のインデックスに再び切り替わります。
最後のイメージから前のイメージ(最後のインデックス= 8)に移動しようとしたときのコンソール出力の例:
インデックスが変更されました7
インデックスが変更されました8

何か助けはありますか?

今日は仕事帰りに見ていきます。 遅れて申し訳ありません。

こんにちは@ Andi1990、2.0.2を試していただけますか? ありがとう

それはうまくいきます、いい仕事です!

このページは役に立ちましたか?
0 / 5 - 0 評価

関連する問題

bfwg picture bfwg  ·  8コメント

Another-Sam picture Another-Sam  ·  12コメント

bfwg picture bfwg  ·  13コメント

CrackerakiUA picture CrackerakiUA  ·  25コメント

leogilardi6 picture leogilardi6  ·  8コメント