Usar elementos do Bootstrap no framework Angular
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
Curtidas 0
Melhor post
Thiago
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"
],
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"
],
GOSTEI 1