Usar elementos do Bootstrap no framework Angular

03/12/2019

6

Bom tarde, estou entrando no framework angular agora, e estou com algumas duvidas. Eu quero ativar o menu mobile e os dropdowns do bootstrap 4 no angular 8, mas não consigo, pois antes eu usava JQuery para realizar essa ativação, já com o angular creio que não seja o certo usar JQuery já que ele usa typescript.
Responder

Post mais votado

05/12/2019

E ai Francisco, blz?

Então, vc está correto. Ao instalar o bootstrap 4 acho q ele pede algumas dependências como o jquery, mas n fica legal neh? A ideia então é usar o NgBoostrap (https://ng-bootstrap.github.io/#/home). Uma lib feita pra usar os elemento deste framework css sem a necessidade do Jquery.

Ele ainda irá solicitar os arquivos css/scss do bootstrap, dai vc pode instalar por npm ou add nos assets e inserir as chamadas no arquivo angular.json como no exemplo abaixo:

"styles": [
"node_modules/@fortawesome/fontawesome-free/scss/brands.scss",
"node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss",
"node_modules/@fortawesome/fontawesome-free/scss/regular.scss",
"node_modules/@fortawesome/fontawesome-free/scss/solid.scss",
"src/assets/bootstrap/css/bootstrap-grid.min.css",
"src/assets/bootstrap/css/bootstrap-reboot.min.css",
"src/assets/bootstrap/css/bootstrap.min.css",
"src/styles.scss"
],
Responder

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários. Para saber mais sobre o uso de cookies,
consulte nossa política de privacidade. Ao continuar navegando em nosso site, você concorda com a nossa política.

Aceitar