Ngx-drag-scroll: método indexChanged / moveRight não funciona

Criado em 17 set. 2018  ·  10Comentários  ·  Fonte: bfwg/ngx-drag-scroll

  • Estou enviando um ...

    • [x] relatório de bug
    • [] solicitação de recurso
    • [] solicitação de suporte => Por favor, não envie solicitação de suporte aqui, veja a nota no topo deste modelo.
  • Qual é o comportamento atual?

Percebi que o método indexChanged não está funcionando corretamente por algum motivo. Às vezes, ele está retornando o último índice, mas quando eu olho para o carrossel, não está no final. Suponho que por causa disso o método moveRight não está mais funcionando (último índice atingido).

  • Se o comportamento atual for um bug, forneça as etapas para reproduzir e, se possível, uma demonstração mínima do problema, você pode usar o site de demonstração como exemplo ou via https://plnkr.co

Você deve ser capaz de reproduzi-lo invocando o método indexChanged e compará-lo com o índice real (visualmente).

  • Qual é o comportamento esperado?
    Espero obter o índice correto, mas por algum motivo, em qualquer ponto de uso, o índice está pulando para o último.

  • Qual é a motivação / caso de uso para mudar o comportamento?
    Ao depurar isso, o método MoveRight / MoveLeft pode ser usado novamente.

  • Conte-nos sobre o seu ambiente:

    • Navegador: Chrome
bug

Comentários muito úteis

Infelizmente, o problema ainda existe ... reabra-o.
Tentei o demo com [email protected] e descobri que do índice 6 ao índice 10, o movimento não está funcionando. Eu esperaria que as imagens ainda se movessem para a esquerda, quando pressiono o botão "direita".

Todos 10 comentários

Olá @ Andi1990 , você consegue reproduzir o problema com o carrossel de aplicativos de demonstração? Não consigo reproduzir o último problema de índice.

O link para a demonstração está morto. Você tem outro, talvez violino ou algo assim?
No entanto, o motivo pode ser que eu tenho div's em vez de img's que estão no contêiner de rolagem de arrastar

Você pode executar a demonstração com

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

Executei a demonstração clonando https://github.com/bfwg/ngx-drag-scroll.git e funcionou, obrigado.
Eu poderia reproduzir o problema:
A seguinte saída do console é produzida apenas clicando no botão Mover com o botão direito várias vezes:
O Angular está sendo executado no modo de desenvolvimento. Chame enableProdMode () para ativar o modo de produção.
ngx-drag-scroll.ts: índice 113 alterado para 1
ngx-drag-scroll.ts: índice 113 alterado para 0
ngx-drag-scroll.ts: índice 113 alterado para 1
home.component.ts: 92 animação instantânea finalizada
ngx-drag-scroll.ts: índice 113 alterado para 2
ngx-drag-scroll.ts: índice 113 alterado para 1
ngx-drag-scroll.ts: índice 113 alterado para 2
home.component.ts: 92 animação instantânea finalizada
ngx-drag-scroll.ts: índice 113 alterado para 3
ngx-drag-scroll.ts: índice 113 alterado para 2
ngx-drag-scroll.ts: índice 113 alterado para 3
home.component.ts: 92 animação instantânea finalizada
ngx-drag-scroll.ts: índice 113 alterado para 4
ngx-drag-scroll.ts: índice 113 alterado para 3
ngx-drag-scroll.ts: índice 113 alterado para 4
home.component.ts: 92 animação instantânea finalizada
ngx-drag-scroll.ts: índice 113 alterado para 5
ngx-drag-scroll.ts: índice 113 alterado para 4
ngx-drag-scroll.ts: índice 113 alterado para 5
home.component.ts: 92 animação instantânea finalizada
ngx-drag-scroll.ts: índice 113 alterado para 6
ngx-drag-scroll.ts: índice 113 alterado para 5
ngx-drag-scroll.ts: índice 113 alterado para 6
home.component.ts: 92 animação instantânea finalizada
ngx-drag-scroll.ts: índice 113 alterado para 7
home.component.ts: 92 animação instantânea finalizada
ngx-drag-scroll.ts: índice 113 alterado para 8
ngx-drag-scroll.ts: índice 113 alterado para 9
home.component.ts: 92 animação instantânea finalizada
ngx-drag-scroll.ts: índice 113 alterado para 8
ngx-drag-scroll.ts: índice 113 alterado para 9
home.component.ts: 92 animação instantânea finalizada

em ngx-drag-scroll.ts, acabei de adicionar uma linha para a saída do meu console:
definir currIndex (valor) {
if (valor! == this._index) {
this._index = valor;
this.indexChanged.emit (valor);
console.log ('índice alterado para' + this._index);
}
}

Portanto, existem dois problemas:

  • Por que está alternando o índice?
  • E por alguma razão, ao clicar no botão várias vezes, ele salta para o índice 9 e o botão não está mais funcionando (nenhum movimento).

Experimente 2.0.0-beta.7. Deixe-me saber se eu precisar reabrir isso. Obrigado por relatar!

Infelizmente, o problema ainda existe ... reabra-o.
Tentei o demo com [email protected] e descobri que do índice 6 ao índice 10, o movimento não está funcionando. Eu esperaria que as imagens ainda se movessem para a esquerda, quando pressiono o botão "direita".

Acontece que o problema só ocorre quando a última imagem (índice) é selecionada. Navegando então para a imagem anterior (por rolagem ou botão), a navegação funciona bem, mas a função _indexChanged () _ não reconhece o índice alterado ou, em vez disso, alterna incorretamente para o último índice novamente.
Exemplo de saída do console ao tentar mover da última imagem para a anterior (último índice = 8):
índice mudou 7
índice alterado 8

Qualquer ajuda?

Vou dar uma olhada hoje depois do trabalho. Desculpe pelo atraso.

Olá @ Andi1990 , pode experimentar o 2.0.2? Obrigado

Funciona, bom trabalho!

Esta página foi útil?
0 / 5 - 0 avaliações

Questões relacionadas

tommykamkcm picture tommykamkcm  ·  17Comentários

bfwg picture bfwg  ·  8Comentários

bfwg picture bfwg  ·  13Comentários

suresh2018 picture suresh2018  ·  22Comentários

CrackerakiUA picture CrackerakiUA  ·  25Comentários