what are the best practices for incorporating ngx-boostrap in your project

Question

Good Morning ,

I am keen to know , how are you incoporating ngx-bootstrap modules in your project . what are the recommended and best practices.

Thanks

Answer 1

As written in the official documentation, you need to import the module of the feature that you need to use inside your angular module.

For example, let's assume that you need to use the Datepicker, you will import it doing:

import { BsDatepickerModule } from 'ngx-bootstrap/datepicker';


@NgModule({
  imports: [BsDatepickerModule.forRoot(),...]
})
export class AppModule(){}

then you will be able to use the DatePicker inside your module.

For example adding it to one of your component's template:

<input
  #dp="bsDatepicker"
  bsDatepicker
  [bsValue]="bsValue"
>

in this case you need to initialise bsValue inside your component's class:

 bsValue = new Date();