Javascript 导入的脚本文件不工作_Javascript_Jquery_Angular

Javascript 导入的脚本文件不工作

javascript jquery angular

Javascript 导入的脚本文件不工作,javascript,jquery,angular,Javascript,Jquery,Angular,我正试图通过做和读来学习角形字体我正在尝试将一个现成的HTML引导主题集成到一个Angular项目中融合取得了成功。但我觉得这是错误的 My Angular.json文件的样式和脚本标记为-> "assets": [ "src/favicon.ico", "src/assets" ], "styles": [ "src/assets

我正试图通过做和读来学习角形字体

我正在尝试将一个现成的HTML引导主题集成到一个Angular项目中

融合取得了成功。但我觉得这是错误的

My Angular.json文件的样式和脚本标记为->

"assets": [
      "src/favicon.ico",
      "src/assets"
          ],
"styles": [
              "src/assets/css/styles.css",
              "src/styles.scss"
            ],
"scripts": [
            ]

    "assets": [
              "src/favicon.ico",
              "src/assets"
            ],
    "styles": [
          "src/assets/css/styles.css",
          "src/styles.scss"
        ],
    "scripts": [
          "src/assets/js/jquery.min.js",
          "src/assets/js/bootstrap.bundle.min.js",
          "src/assets/js/jquery.easing.min.js"
          "src/assets/js/scripts.js"
        ]

index.html文件的主体标记->

<body id="page-top">
      <app-root></app-root>

      <nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
      ... </nav>
      
      <header class="masthead">
      ...
      </header>

      <section class="page-section" id="services">
      ...
      </section>

      <section class="page-section" id="about">
      ...
      </section>

      ........ some more sections .........
    
      <script src="assets/js/jquery.min.js"></script>
      <script src="assets/js/bootstrap.bundle.min.js"></script>
      <script src="assets/js/jquery.easing.min.js"></script>
      <script src="assets/js/scripts.js"></script>
    </body>

index.html boady标记->

<body id="page-top">
  <app-root></app-root>
</body>

我认为错误在于没有正确加载脚本文件

jquery.easing.min.js也不工作（此文件负责平滑滚动动画）

这是scripts.js文件

    (function ($) {
    "use strict"; // Start of use strict

    // Smooth scrolling using jQuery easing
    $('a.js-scroll-trigger[href*="#"]:not([href="#"])').click(function () {
        if (
            location.pathname.replace(/^\//, "") ==
                this.pathname.replace(/^\//, "") &&
            location.hostname == this.hostname
        ) {
            var target = $(this.hash);
            target = target.length
                ? target
                : $("[name=" + this.hash.slice(1) + "]");
            if (target.length) {
                $("html, body").animate(
                    {
                        scrollTop: target.offset().top - 72,
                    },
                    1000,
                    "easeInOutExpo"
                );
                return false;
            }
        }
    });

    // Closes responsive menu when a scroll trigger link is clicked
    $(".js-scroll-trigger").click(function () {
        $(".navbar-collapse").collapse("hide");
    });

    // Activate scrollspy to add active class to navbar items on scroll
    $("body").scrollspy({
        target: "#mainNav",
        offset: 74,
    });

    // Collapse Navbar
    var navbarCollapse = function () {
        if ($("#mainNav").offset().top > 100) {
            $("#mainNav").addClass("navbar-shrink");
        } else {
            $("#mainNav").removeClass("navbar-shrink");
        }
    };
    // Collapse now if page is not at top
    navbarCollapse();
    // Collapse the navbar when page is scrolled
    $(window).scroll(navbarCollapse);
})(jQuery); // End of use strict

如图所示

if ($("#mainNav").offset().top > 100)

此部分未执行

我的问题是，我需要以适当的方式将这个主题转化为一个角度项目

请帮忙

多谢各位

if ($("#mainNav").offset().top > 100)