MDB Angular update instructions:

For the convenience of our users when updating our libraries to the latest versions, we provide an improved version of Update Instructions, in which the process of updating the project to the latest version is carried out step by step. In case of any problems, please check if someone has already had a similar problem on our support forum.


MDB Angular Free

  • Remove node_modules directory using rm -rf node_modules on Linux / Mac or rmdir node_modules /s on Windows,
  • Change "angular-bootstrap-md" package version in package.json file to the latest version and execute npm install one more time, or execute npm install --save angular-bootstrap-md in terminal.
  • Remove src directory and angular-bootstrap-md archive,
  • Clone latest MDB Angular repo from github into tmp folder and copy src directory and angular-bootstrap-md archive from it into your project,
  • Execute npm install angular-bootstrap-md-<version_number>.tgz command in your terminal.
  • Open package.json file, and change version of "angular-bootstrap-md" dependency to the latest version,
  • Execute npm install command to install new version of dependency packages.

MDB Angular Pro

  • Remove node_modules directory using rm -rf node_modules on Linux / Mac or rmdir node_modules /s on Windows,
  • Install dependencies one more time using npm install.

The ng-uikit-pro-standard zip is divided into two versions. The first version installs MDB Angular Pro as dependency. The second version contains the entire MDB Angular code in the form of a .tgz archive for self-installation.

First version update instruction:

  • Open your project, and execute npm install command.

Second version update instruction:

  • Download the new version of MDB Angular zip archive from user dashboard,
  • Copy the ng-uikit-pro-standard-<version-number> archive from newly downloaded MDB Angular Pro zip archive into your project folder,
  • Execute npm install ng-uikit-pro-standard-<version-number>.tgz command in your project terminal.

MDB Angular Admin Template

  • Download the newest admin template package,
  • Copy src/lib from new package to your app,
  • Copy latest version of angular-bootstrap-md and paste it into your app root folder,
  • Install latest version of angular-bootstrap-md with npm.
  • Download the newest admin template package,
  • Copy src/lib from new package to your app,
  • Copy latest version of ng-uikit-pro-standard archive and paste it into your app root folder,
  • Install latest version of ng-uikit-pro-standard archive with npm.

Modify your project from zip to npm / gitlab

The MDB Angular Free zip package uses angular-bootstrap-md as a dependency, so there is no need to change anything.

The ng-uikit-pro-standard zip is divided into two versions. The first version installs MDB Angular Pro as dependency. The second version contains the entire MDB Angular code in the form of a .tgz archive for self-installation.

The first version of the MDB Angular Pro zip package already contains ng-uikit-pro-standard as a dependency, so there is no need to change anything.

Second version zip => dependency update instruction:

  • Remove ng-uikit-pro-standard-<version-number>.tgz archive from the root directory of your project,
  • Execute following command in your project terminal:
  •         
                
                  npm install git+https://oauth2:PLACE_YOUR_AUTH_TOKEN_HERE@git.mdbootstrap.com/mdb/angular/ng-uikit-pro-standard.git --save
                
            
        

Upgrade to pro version

  1. Remove angular-bootstrap-md dependency from package.json file.
  2. Install MDB Angular Pro with following command (if you haven't created your own MDB gitlab token, you can learn how to do it in our quick start guide):
            
                
                  npm install git+https://oauth2:YOUR_TOKEN@git.mdbootstrap.com/mdb/angular/ng-uikit-pro-standard.git --save
                
            
        
  3. Open the angular.json file and update the styles array:
            
                
                  "node_modules/@fortawesome/fontawesome-free/scss/fontawesome.scss",
                  "node_modules/@fortawesome/fontawesome-free/scss/solid.scss",
                  "node_modules/@fortawesome/fontawesome-free/scss/regular.scss",
                  "node_modules/@fortawesome/fontawesome-free/scss/brands.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"
                
            
        
  4. Update import paths. You can use your IDE/Code Editor to search for all occurencies of angular-bootstrap-md and replace it with ng-uikit-pro-standard