HTML中的JavaScript脚本没有执行，带有角度12堆栈溢出

顺晟科技

2022-10-19 13:02:16

问题：我试图在向下滚动时隐藏我的导航栏，而在向上滚动时显示它。我将JavaScript放置在页面底部的主体中，但它不起作用。欢迎提供任何帮助。

HTML(mainpage.component.html):

HTML

CSS(mainpage.component.scss)

HTML

到目前为止，我的脚本什么也没做。谢谢。

顺晟科技：

但是，我不建议这样做。Angular从代码中删除所有脚本标记，这种方式添加脚本是不常见的做法。

更好的方法是将“script”标记中的代码移到您的into方法中。

HTML

在mainpage.component.ts中添加脚本代码

示例：//

HTML

//或者您可以在这里使用生命周期挂钩

HTML

我仍然推荐Renderer2或文档注入令牌，您可以在angular Documentation

在mainpage.component.ts文件中添加代码

网站建设