Using “ng-bootstrap” Components in Angular 5 App
In this article, we are going to cover few bootstrap components provided by “ng-bootstrap” module in Angular 5 apps. “ng-bootstrap” Checkbox based Buttons (using ngbButton) “ng-bootstrap” Alerts (using ngb-alert) “ng-bootstrap” Progress Bar (using ngb-progressbar) In order to implement these components, we will have to configure NgbModule in app module then we will be able to use all ng-bootstrap components in our Angular app. Using “ng-bootstrap” Checkbox based Buttons In order to implement checkbox based buttons, we will have to use “ngbButtonLabel” and “ngbButton” provided by ng-bootstrap module like below. app.component.ts import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) export class AppComponent { title = 'NgBootstrap Directives & Components Demo'; classes = { classRoom1: true, classRoom2: false, classRoo...