MDB Angular 6.0.2 -> MDB Angular 6.1.1 Migration:

MDB Angular Pro:

ng-mdb-pro package is now deprecated. To use the latest version, import ng-uikit-pro-standard package instead of ng-mdb-pro package.

Now app.module.ts file should look as follow:

import { BrowserModule } from '@angular/platform-browser';

import { MDBBootstrapModulesPro } from 'ng-uikit-pro-standard';
import { MDBSpinningPreloader } from 'ng-uikit-pro-standard';

import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    MDBBootstrapModulesPro.forRoot(),
  ],
  providers: [MDBSpinningPreloader],
  bootstrap: [AppComponent]
})
export class AppModule { }
        
Now angular.json file styles and scripts arrays should looks like following:

"styles": [
    "node_modules/font-awesome/scss/font-awesome.scss",
    "node_modules/ng-uikit-pro-standard/assets/scss/bootstrap/bootstrap.scss",
    "node_modules/ng-uikit-pro-standard/assets/scss/mdb.scss",
    "src/styles.scss"
],

"scripts": [
    "node_modules/chart.js/dist/Chart.js",
    "node_modules/easy-pie-chart/dist/easypiechart.js",
    "node_modules/screenfull/dist/screenfull.js",
    "node_modules/hammerjs/hammer.min.js"
]
        
Import path:

Importing our components / interfaces / directives / services should look like the following:

import { something } from 'ng-uikit-pro-standard'

Below way of importing our components / interfaces / directives / services is invalid, and shouldn't be used:

import { something } from 'ng-uikit-pro-standard/pro/something'
Package name:

MDBBootstrapModulePro is now deprecated. Instead of it, use MDBBootstrapModulesPro.

Modules list:

Here you will find a list of all modules that you can use in your application: Modules List

Installation command:

To install latest version of ng-uikit-pro-standard package, use following command:

npm install git+https://oauth2:<your-token>@git.mdbootstrap.com/mdb/angular/ng-uikit-pro-standard.git --save

MDB Angular Free:

Now app.module.ts file should look as follow:

import { BrowserModule } from '@angular/platform-browser';

import { MDBBootstrapModule } from 'angular-bootstrap-md';

import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    MDBBootstrapModule.forRoot(),
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }
        
Now angular.json file styles and scripts arrays should looks like following:

"styles": [
    "node_modules/font-awesome/scss/font-awesome.scss",
    "node_modules/angular-bootstrap-md/scss/bootstrap/bootstrap.scss",
    "node_modules/angular-bootstrap-md/scss/mdb.scss",
    "src/styles.scss"
],

"scripts": [
    "node_modules/chart.js/dist/Chart.js",
    "node_modules/hammerjs/hammer.min.js"
]
        
Import path:

Importing our components / interfaces / directives / services should look like the following:

import { something } from 'angular-bootstrap-md'

Below way of importing our components / interfaces / directives / services is invalid, and shouldn't be used:

import { something } from 'angular-bootstrap-md/something'
Modules list:

Here you will find a list of all modules that you can use in your application: Modules List