如何在Angular App中使用片段将平滑（或任何过渡）添加到锚滚动中？

Question

因此，在进行大量搜索之后，使用片段实现了页面中的锚定滚动，但是它们之间没有平滑过渡，有什么办法可以添加它吗？非常感谢您的帮助，谢谢！

  <div class="row no-gutters ">
                  <div class="numerals one" [routerLink]="['/']" fragment="sec_one">
                    <a href="#sec_one"><span>01</span></a>
                  </div>
    </div>

<div id="sec_one">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum itaque voluptate aspernatur hic saepe quis voluptatum possimus omnis obcaecati eos.</p>
</div>

Answer 1

Angular提供角动画，这有助于通过＃标签和预定义方法对组件进行动画处理。您在Angular 2+应用程序中工作时正正利用角度动画

检查stackblitz示例