Установить автономный Bootstrap в Angular

Question

У меня нет никакого способа иметь интернет на моем компьютере, и я хочу установить Bootstrap в свой проект Angular, загрузив его и позвонив в мой index.html, чтобы я мог использовать его в автономном режиме.Не могу использовать npm i или что-либо, связанное с интернетом, кроме загрузки zip-файла Bootstrap

Я просто поместил его папку в "src" и назвал ее следующим образом:

<link rel="stylesheet" href="src\bootstrap\css\bootstrap.min.css">

<script src="src\bootstrap\js\bootstrap.min.js"></script>

Это не такработает, я должен скачать также popper.js и Jquery?Или я должен что-то изменить в Angular.json?

Answer 1

Попробуйте использовать папку ресурсов для статических файлов. Так что переместите ваши файлы в ресурсы и измените ссылки, например

<link rel="stylesheet" href="assets\bootstrap\css\bootstrap.min.css">

<script src="assets\bootstrap\js\bootstrap.min.js"></script>

Также вам нужно будет добавить также jquery

Answer 2

Поместите файлы в папки ресурсов.Лучше импортировать эти файлы в angular.json вместо index.html.Вы также должны будете включить JQuery и popper, как в официальной документации по начальной загрузке:

Для работы многих наших компонентов требуется использование JavaScript.В частности, они требуют jQuery, Popper.js и наших собственных плагинов JavaScript.

"styles": [
  "src/assets/bootstrap/css/bootstrap.min.css""
],
"scripts": [
  "src/assets/jquery/remainingpath...",
  "src/assets/popper/remainingpath...",
  "src/assets/bootstrap/js/bootstrap/bootstrap.min.js"
]