Angular 7中的Navbar收缩效果实现

Question

我正在尝试将此Bootstrap 4.2模板https://startbootstrap.com/template-overviews/new-age/迁移到Angular7。除“ navbar-shrink effect”以外，其他所有功能都正常。基本上是当您向下滚动页面时，导航栏会将其颜色更改为白色，从而产生某种效果。这样做的脚本位于https://blackrockdigital.github.io/startbootstrap-new-age/js/new-age.js。

我尝试将脚本添加到我的--no-proxy-server文件中，但是控制台日志返回以下错误angular.json

在上图中，您可以看到我向下滚动页面，但是导航栏并没有像该模板那样“缩小”，即使添加了脚本也是如此。

在这里，您可以看到它在该模板中正常工作。

我已经在许多模板上看到了这种效果，例如https://demos.creative-tim.com/now-ui-kit/index.html。

所以我的问题是如何在Angular中实现这一目标？