为什么Angular异步函数在同步模式下运行？

Question

滚动幻灯片后，我想使用“ elementFromPoint”函数计算页面中心的div的ID，但是Angular会在滑动之前计算页面上的坐标，即使我使用了异步Promise方法：

Component.html

<div (click)="scroll_right()">

Component.ts

scroll_right(){
this.scroll_r().then(data2 => {
    this.activate_slide();
});
};

scroll_r(): Promise<any>
 {
  return Promise.resolve((() => 
    {
      document.getElementById('container2').scrollBy
        ({
         left: this.containerWidth,
        });
    }
 }
)());
}

activate_slide(){
var t = document.elementFromPoint(window.innerWidth / 2, window.innerHeight / 2);
console.log(t);
}

“ t”在滑动之前一直显示页面的ID。 如果我在另一个方向滑动，则相同：t的值是滑动之前的值。

我想做什么：在幻灯片放映幻灯片之后，我想在菜单中更新已激活的幻灯片。 单击div时会发生滑动，而通过计算页面中间的id来计算活动的幻灯片。 因此，在滚动/幻灯片完成后，我想调用activate_slide方法，以便找出当前的ID。

我将不胜感激，谢谢！