angular-bootstrap-ui

Complete UI toolkit using bootstrap 4 for Angular 5+.

Built on top of ngx-bootstrap.

Changelog

Examples

Installation

Child module

@NgModule({
  imports: [
    AngularBootstrapUiModule.forChild(),

    TranslateModule.forChild(),
  ],
})

export class ChildModule {
  constructor(
    translate: TranslateService,
  ) {
    // NOTE: merge translations, do not overwrite
    translate.setTranslation('xx', {}, true);
    translate.use('xx');
  }
}

Root module

@NgModule({
  imports: [
    AngularBootstrapUiModule.forRoot(),

    TranslateModule.forRoot(),
  ],
})

export class RootModule {
  constructor(
    translate: TranslateService,
  ) {
    // NOTE: merge translations, do not overwrite
    translate.setTranslation('xx', {}, true);
    translate.use('xx');
  }
}

Documentation

• directives
  • bb-child
  • bb-autosize
  • empty-is-null
  • integer
  • no-comma
• pipes
  • getError
  • isError
  • isLoading
  • isSuccess
• components
• utils
  • aggregateSubjects
• services
  • bb-alert-service & BBAlertService
  • bb-confirm-service & BBConfirmService

Dependencies notes

ngx-toastr

We add just design.

This module require you to insert in your HTML:

<ngx-toastr></ngx-toastr>

And at root module

import { ToastrModule } from "ngx-toastr";
 
@NgModule({
  imports: [
    ToastrModule.forRoot()
    //...
  ]
})
//...

ngx-bootstrap

We configure ngx-bootstrap as bootstrap 4 mode.

To configure datepicker locale read datepicker/locales