Ngx-drag-scroll: 方法 indexChanged / moveRight 不起作用

创建于 2018-09-17 · 10评论 · 资料来源: bfwg/ngx-drag-scroll

我正在提交一个...
- [x] 错误报告
- [ ] 功能要求
- [ ] 支持请求 => 请不要在此处提交支持请求，请参阅此模板顶部的注释。
目前的行为是什么？

我注意到 indexChanged 方法由于某种原因无法正常工作。有时它会返回最后一个索引，但是当我查看轮播时它不在最后。我想因为这个方法 moveRight 不再起作用（达到最后一个索引）。

如果当前行为是错误，请提供重现步骤，如果可能，请提供问题的最小演示，您可以使用演示站点作为示例或通过https://plnkr.co

您应该能够通过调用方法 indexChanged 来重现它，并将其与实际索引（在视觉上）进行比较。

什么是预期行为？
我希望得到正确的索引，但出于某种原因，在任何使用点索引都会跳到最后一个。
改变行为的动机/用例是什么？
通过对此进行调试，可以再次使用 MoveRight/MoveLeft 方法。
请告诉我们您的环境：
- 浏览器：Chrome

bug

资料来源

Andi1990

最有用的评论

不幸的是，问题仍然存在..请重新打开它。
我用[email protected]尝试了演示，结果发现从索引 6 到索引 10，运动不起作用。当我按下“右”按钮时，我希望图像仍然向左移动。

Andi1990 于 2018-10-07

👍2

所有10条评论

嗨@Andi1990 ，你能用演示应用程序轮播重现这个问题吗？我似乎无法重现刚刚到最后的索引问题。

bfwg 于 2018-09-23

演示链接已失效。你有另一个，也许小提琴左右？
但是，原因可能是我有 div 而不是 img，它们在拖动滚动容器中

Andi1990 于 2018-09-23

你可以运行演示

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

bfwg 于 2018-09-23

我通过克隆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 snap 动画完成
ngx-drag-scroll.ts:113 索引改为 2
ngx-drag-scroll.ts:113 索引更改为 1
ngx-drag-scroll.ts:113 索引改为 2
home.component.ts:92 snap 动画完成
ngx-drag-scroll.ts:113 索引改为 3
ngx-drag-scroll.ts:113 索引改为 2
ngx-drag-scroll.ts:113 索引更改为 3
home.component.ts:92 snap 动画完成
ngx-drag-scroll.ts:113 索引改为 4
ngx-drag-scroll.ts:113 索引改为 3
ngx-drag-scroll.ts:113 索引改为 4
home.component.ts:92 snap 动画完成
ngx-drag-scroll.ts:113 索引改为 5
ngx-drag-scroll.ts:113 索引改为 4
ngx-drag-scroll.ts:113 索引改为 5
home.component.ts:92 snap 动画完成
ngx-drag-scroll.ts:113 索引改为 6
ngx-drag-scroll.ts:113 索引改为 5
ngx-drag-scroll.ts:113 索引改为 6
home.component.ts:92 snap 动画完成
ngx-drag-scroll.ts:113 索引改为 7
home.component.ts:92 snap 动画完成
ngx-drag-scroll.ts:113 索引改为 8
ngx-drag-scroll.ts:113 索引改为 9
home.component.ts:92 snap 动画完成
ngx-drag-scroll.ts:113 索引改为 8
ngx-drag-scroll.ts:113 索引改为 9
home.component.ts:92 snap 动画完成

在 ngx-drag-scroll.ts 中，我刚刚为控制台输出添加了一行：
设置 currIndex(value) {
如果（值！== this._index）{
this._index = 值；
this.indexChanged.emit(value);
console.log('index 改为 ' + this._index);
}
}

所以有两个问题：

为什么要切换索引？
出于某种原因，当多次单击按钮时，它会跳转到索引 9，并且按钮不再起作用（没有移动）。

Andi1990 于 2018-09-25

👍1

请尝试 2.0.0-beta.7。如果我需要重新打开这个，请告诉我。感谢举报！

bfwg 于 2018-09-26

Andi1990 于 2018-10-07

👍2

事实证明，只有在选择最后一个图像（索引）时才会出现问题。然后导航到上一个图像（通过滚动或按钮），导航工作正常，但函数 _indexChanged()_ 无法识别更改的索引，或者它错误地再次切换到最后一个索引。
尝试从最后一个图像移动到前一个图像（最后一个索引 = 8）时的示例控制台输出：
指数变了 7
索引更改了 8

有什么帮助吗？

Andi1990 于 2018-10-14

我今天下班去看看。抱歉耽搁了。

bfwg 于 2018-10-15

嗨@Andi1990 ，你能试试 2.0.2 吗？谢谢

bfwg 于 2018-10-16

它有效，干得好！

Andi1990 于 2018-10-19

😄1

此页面是否有帮助？

0 / 5 - 0 等级

Ngx-drag-scroll: 方法 indexChanged / moveRight 不起作用

最有用的评论

所有10条评论

相关问题