如何在Angular中使用javascript代码？

Question

我想在滚动页面时旋转元素(顺时针向下滚动，逆时针向上滚动)。为此，我使用javascript code.But，它在angular中不起作用。我只使用index.html.Javascript代码中的CDN链接，在angular中不起作用。Want to rotate starburst in top right corner

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>

有没有其他方法可以实现元素在角度上的旋转?有没有人能帮上忙?提前谢谢。