Сначала добавьте загрузчик через npm:
$ cd ‹ваш угловой проект›
$ npm install bootstrap — сохранить
Это добавит последнюю загрузочную загрузку (на момент написания 4.0) и добавит ее в ваш файл package.json.
Если вы хотите использовать раскрывающиеся списки, всплывающие окна или какие-либо другие компоненты (см. https://getbootstrap.com/docs/4.0/getting-started/javascript/)
, убедитесь, что вы также установили jQuery и popper.js:
$ npm install jquery — сохранить
$ npm install popper.js — сохранить
Теперь добавьте установленные библиотеки в файл .angular.cli.json, который вы можете
найти в папке верхнего уровня вашего проекта anuglar. Убедитесь, что вы добавили jQuery
и popper.js перед начальной загрузкой Javascript. Также убедитесь, что вы используете popper.min.js из подкаталога umd.
«стили»: [
…
«../node_modules/bootstrap/dist/css/bootstrap.min.css»,
«styles.css» ],
«скрипты»: [
…
«../node_modules/jquery/dist/jquery.slim.min.js»,
«../node_modules/popper.js/ dist/umd/popper.min.js",
"../node_modules/bootstrap/dist/js/bootstrap.min.js"
],
Теперь перезапустите сервер, и вы должны быть готовы к работе!
