私は提出しています...
現在の動作は何ですか?
indexChangedメソッドが何らかの理由で正しく機能していないことに気づきました。 最後のインデックスを返すこともありますが、カルーセルを見ると最後ではありません。 そのため、moveRightメソッドが機能しなくなったと思います(最後のインデックスに到達しました)。
メソッドindexChangedを呼び出して再現し、実際のインデックスと(視覚的に)比較できるはずです。
期待される動作は何ですか?
正しいインデックスを取得することを期待していますが、何らかの理由で、使用のどの時点でも、インデックスは最後のインデックスにジャンプしています。
行動を変える動機/ユースケースは何ですか?
これをデバッグすることにより、メソッドMoveRight / MoveLeftを再度使用できます。
あなたの環境について教えてください:
こんにちは@ 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つの問題があります。
2.0.0-beta.7を試してみてください。 これを再開する必要があるかどうか教えてください。 報告してくれてありがとう!
残念ながら、問題はまだ存在します。再度開いてください。
[email protected]でデモをわかりました。 「右」ボタンを押すと、画像はまだ左に移動すると思います。
この問題は、最後の画像(インデックス)が選択された場合にのみ発生することがわかりました。 次に(スクロールまたはボタンで)前の画像に移動すると、ナビゲーションは正常に機能しますが、関数_indexChanged()_は変更されたインデックスを認識しないか、誤って最後のインデックスに再び切り替わります。
最後のイメージから前のイメージ(最後のインデックス= 8)に移動しようとしたときのコンソール出力の例:
インデックスが変更されました7
インデックスが変更されました8
何か助けはありますか?
今日は仕事帰りに見ていきます。 遅れて申し訳ありません。
こんにちは@ Andi1990、2.0.2を試していただけますか? ありがとう
それはうまくいきます、いい仕事です!
最も参考になるコメント
残念ながら、問題はまだ存在します。再度開いてください。
[email protected]でデモをわかりました。 「右」ボタンを押すと、画像はまだ左に移動すると思います。