npm install --save @ng-bootstrap/ng-bootstrap
in src/app/app.module.ts:
import { NgbModule } from '@ng-bootstrap/ng-bootstrap'; @NgModule({ ... imports: [ ..., NgbModule, ... ] .... })
npm install --save bootstrap jquery popper.js
in angular.json:
"styles" : [ ... , "node_modules/bootstrap/dist/css/bootstrap.min.css", ... ]
There are different ways to get fontawesome into the project. One way is to directly add the url to CDN for fontawesome in index.html.
npm install @angular/animations --save npm install ngx-toastr --save
in angular.json:
"styles" : [ ... , "node_modules/ngx-toastr/toastr.css", ... ]
in app.module.ts:
import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; import { ToastrModule } from 'ngx-toastr';
imports: [ ... , BrowserAnimationsModule, ToastrModule.forRoot(), ... ]
in your component:
import { ToastrService } from 'ngx-toastr'; // add service via constructor constructor(private toastr: ToastrService, ...) { ... } // use this.toastr.info("Hello!");