MEAN Cookbook

How to do it...

Let's follow the steps to add a Bootstrap accordion component to our application:

1. First, we will import ng-bootstrap as a module into /src/app/app.module.ts:

...import {NgbModule} from '@ng-bootstrap/ng-bootstrap';@NgModule({  ...  imports: [    BrowserModule,    BrowserAnimationsModule,    FormsModule,    HttpModule,    RouterModule.forRoot(ROUTES),    PostsModule,    NgbModule.forRoot()  ],  ...})export class AppModule { }

2. When using submodules, such as our posts module, you will also need to import ng-bootstrap into it:

...import {NgbModule} from '@ng-bootstrap/ng-bootstrap';@NgModule({  imports: [    CommonModule,    RouterModule.forChild(ROUTES),    NgbModule  ],  ...})export class PostsModule { }

3. Now that the module is imported, we can use any of the ...