Usar elementos do Bootstrap no framework Angular

03/12/2019

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.

Francisco Viana

Curtir t�pico + 0

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"
],

Thiago

Responder

Gostei + 1