angular - scrollIntoView() 不适用于输入更改或模糊

Question

我有一个输入字段，它位于 (blur) 上或 (change)触发一个函数，该函数应该将页面滚动到下一个元素 block 。由于我忽略的原因，它不起作用，尽管在 (click) 上使用时它工作正常与按钮。我也确信该函数被正确调用。它看起来像 scrollIntoView被忽略。你们知道可能是什么原因吗？

<input type="number" (change)="scrollToNext(i)"">

private scrollToNext(i) {
   this.arrayOfElements[i + 1].scrollIntoView({behavior: 'smooth', block: 'start'})
}

Answer 1

我发现 onChange 事件似乎会阻止某些转换，我不确定为什么。

但解决方法是调用一些回调，例如 setTimeout:

private scrollToNext(i) {
    let arr = this.arrayOfElements;

    setTimout(() => {
        arr[i + 1].scrollIntoView({behavior: 'smooth', block: 'start'});
    }, 100);
}