Ngx-drag-scroll: 从指定索引开始 ngx-drag-scroll

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

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

是否可以从 0 以外的其他索引开始拖动滚动？

当前的行为是什么？
现在，默认情况下，拖动滚动从第一个图像/组件开始。
改变行为的动机/用例是什么？
最好选择开始拖动滚动的索引（加载时）。

feature request

资料来源

Andi1990

最有用的评论

您实际上可以通过在 `ngAfterViewInit 块中调用moveTo来实现设置初始索引。确保使用 setTimeout(() => {...}, 0); 包装调用
例如：

  @ViewChild('nav', {read: DragScrollComponent}) ds: DragScrollComponent;
  ngAfterViewInit() {
    setTimeout(() => {
      this.ds.moveTo(3);
    }, 0);
  }

bfwg 于 2018-10-23

👍2

所有7条评论

您实际上可以通过在 `ngAfterViewInit 块中调用moveTo来实现设置初始索引。确保使用 setTimeout(() => {...}, 0); 包装调用
例如：

  @ViewChild('nav', {read: DragScrollComponent}) ds: DragScrollComponent;
  ngAfterViewInit() {
    setTimeout(() => {
      this.ds.moveTo(3);
    }, 0);
  }

bfwg 于 2018-10-23

👍2

已经尝试过..，不幸的是我每次都会收到这个错误：

core.js:1673 ERROR TypeError: Cannot read property '_elementRef' of undefined at DragScrollComponent.push../node_modules/ngx-drag-scroll/lib/ngx-drag-scroll.js.DragScrollComponent.maximumIndex (ngx-drag-scroll.js:415) at DragScrollComponent.push../node_modules/ngx-drag-scroll/lib/ngx-drag-scroll.js.DragScrollComponent.moveTo (ngx-drag-scroll.js:214) at myComponent.component.ts:141 at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:421) at Object.onInvokeTask (core.js:3815) at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:420) at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js:188) at push../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask (zone.js:496) at ZoneTask.invoke (zone.js:485) at timer (zone.js:2054)

Andi1990 于 2018-10-27

你在ngAfterViewInit块内调用moveTo吗？当拖动滚动轮播元素在页面上可见时，可以调用moveTo方法。
或者您可以添加一点延迟，然后再试一次：

    setTimeout(() => {
      this.ds.moveTo(3);
    }, 1000);

让我知道这是否有效。

bfwg 于 2018-10-27

我做到了。但是现在超时时间为 1 秒！感谢您的帮助，虽然它有点hacky。

Andi1990 于 2018-10-27

👍1

嗯，不看代码我不知道为什么ngAfterViewInit对你不起作用。我会说现在使用setTimeout ，直到此功能结束。 PR 非常受欢迎。

bfwg 于 2018-10-28

👍1

您实际上可以通过在 `ngAfterViewInit 块中调用moveTo来实现设置初始索引。确保使用 setTimeout(() => {...}, 0); 包装调用
例如：
  @ViewChild('nav', {read: DragScrollComponent}) ds: DragScrollComponent;
  ngAfterViewInit() {
    setTimeout(() => {
      this.ds.moveTo(3);
    }, 0);
  }

您好，请在文档中添加此功能。

davidjm-taximo 于 2019-03-22

👍1

如果我使用此解决方案，用户将看到第一个项目移动到特定项目的动画。
我会在下面提出建议。你觉得行不行？

ngAfterViewInit(){
  setTimeout(()=>{
    this.ds.currIndex = 3;
    this.ds._elementRef.nativeElement.children[0].scrollLeft = someValue;
  }, 10);
}

hkkhchan 于 2019-12-20

此页面是否有帮助？

0 / 5 - 0 等级

Ngx-drag-scroll: 从指定索引开始 ngx-drag-scroll

最有用的评论

所有7条评论

相关问题