javascript - 如何在 Angular 中使用 javascript 代码？

Question

我想在滚动页面时旋转元素（在向下滚动时顺时针，在向上滚动时逆时针）。为此，我使用 javascript 代码。但它不适用于 angular。我只使用 index.html 中的 CDN 链接。Javascript 代码不适用于 angular。想要在右上角旋转星爆

html文件：

<div class="starburst discount" id="star">
   <span>17%</span>
 </div>

我的 Javascript 文件是：

<script> 
var star = document.getElementById("star");
window.addEventListener("scroll", function() {
star.style.transform = "rotate("+window.pageYOffset+"deg)";
</script>

有没有其他方法可以在 Angular 中实现元素旋转？有人可以帮忙吗？在此先感谢..

标签： javascriptangular

Answer 1

这是一个如何以角度处理窗口滚动事件的工作示例：https ://stackblitz.com/edit/angular-3z533s 。我曾经HostListener将事件处理程序绑定到窗口 scoll 事件。参考：HostListener