Javascript 无法在angular 8中使用外部JS_Javascript_Jquery_Html_Angular

Javascript 无法在angular 8中使用外部JS

javascript jquery html angular

Javascript 无法在angular 8中使用外部JS,javascript,jquery,html,angular,Javascript,Jquery,Html,Angular,我正在尝试在我的angular项目中集成一个html模板，除了我的JS插件没有加载外，一切都很顺利。我已经在index.html页面中给出了文件的路径。这些款式很好用 index.html <html lang="en"> <head> <meta charset="utf-8"> <title>Estate</title> <base href="/"> <meta name="viewport" c

我正在尝试在我的angular项目中集成一个html模板，除了我的JS插件没有加载外，一切都很顺利。我已经在index.html页面中给出了文件的路径。这些款式很好用

index.html

<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Estate</title>
  <base href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <!-- Google Font -->
  <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900&display=swap" rel="stylesheet">
  <!-- Css Styles -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="assets/css/font-awesome.min.css" type="text/css">
    <link rel="stylesheet" href="assets/css/elegant-icons.css" type="text/css">
    <link rel="stylesheet" href="assets/css/themify-icons.css" type="text/css">
    <link rel="stylesheet" href="assets/css/nice-select.css" type="text/css">
    <link rel="stylesheet" href="assets/css/jquery-ui.min.css" type="text/css">
    <link rel="stylesheet" href="assets/css/owl.carousel.min.css" type="text/css">
    <link rel="stylesheet" href="assets/css/magnific-popup.css" type="text/css">
    <link rel="stylesheet" href="assets/css/slicknav.min.css" type="text/css">
    <link rel="stylesheet" href="assets/css/style.css" type="text/css">
</head>
<body>
  <app-root></app-root>

  <script src="assets/js/jquery-3.3.1.min.js"></script>
  <script src="assets/js/bootstrap.min.js"></script>
  <script src="assets/js/jquery.magnific-popup.min.js"></script>
  <script src="assets/js/jquery.nice-select.min.js"></script>
  <script src="assets/js/jquery.slicknav.js"></script>
  <script src="assets/js/jquery-ui.min.js"></script>
  <script src="assets/js/owl.carousel.min.js"></script>
  <script src="assets/js/main.js"></script>

</body>
</html>

通过在Angular.json文件中提及外部JS文件，可以在Angular中导入外部JS文件

在angular.json中，您必须提到脚本数组中的文件。确保为资源中存在的文件提供绝对路径

"scripts": [
              "../../../assets/jquery/dist/jquery.magnific-popup.min.js",
              "../../../assets/jquery/dist/jquery.min.js"
            ]

如果在angular-cli.json的“脚本”部分中添加了js文件，则不需要在将要使用它的组件中导入该文件。如果需要该文件的引用，则必须导入该文件。这不是真的。在脚本部分加载脚本后，它将加载到内存中。仅当必须在脚本中使用某些内容时，才需要导入文件的引用。