Не могу использовать Внешний JS в angular 8 - PullRequest
1 голос
/ 18 февраля 2020

Я пытаюсь интегрировать шаблон html в мой проект angular, и все идет хорошо, за исключением того, что мои плагины 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>

1 Ответ

0 голосов
/ 18 февраля 2020

Вы можете импортировать ваши внешние JS файлы в Angular, упомянув их в angular. json файле.

Внутри angular. json вас упомянуть ваши файлы в массиве scripts . Убедитесь, что вы указываете абсолютный путь к файлам, которые присутствуют в активах.

"scripts": [
              "../../../assets/jquery/dist/jquery.magnific-popup.min.js",
              "../../../assets/jquery/dist/jquery.min.js"
            ]
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...