Skip to content

Material Upgrade

Compare
Choose a tag to compare
@yogeshgadge yogeshgadge released this 11 Oct 15:46
· 240 commits to master since this release

Highlights

Major upgrade to @angular/[email protected]

  • All md- prefixes changed to mat-. Breaking changes in carapace-parapet - version beta11
  • cbp-root now starts enforcing mat- prefix.
  • angular-cli upgraded to 1.4.5
  • AOT build fixes and changes to reference/starter application my-app
  • With this 1.0.0 all versions are locked going forward.

Upgrade Guide

  • Upgrade global @angular/[email protected].
  • Update all your dependency versions to package.json.
  • Update version [email protected]
  • npm cache verify
  • npm-install
  • Change your prefixes - otherwise you will run into lot of issues. To do this following the following guide:-

How to change prefixes ?

You can automatically update your projects with the angular-material-prefix-updater tool.

However their tool does not work in beta.12 it only works in beta.11. So here is the trick you can use:

  • npm install @angular/[email protected]` i.e. go back to version 11 however don;t save this to package.json.
  • Run their prefixer tool.
  • Revert back to @angular/[email protected] or best is nuke node_modules and reinstall

Additional Notes

  • If you were using mat-select/md-select you now need to encapsulate it inside mat-form-field. This is a major enhancement which allows adding mat-hint and other desirable benefits of mat-form-fields
  • If you used md-icon change from fontawesome to fa - this registry is provided for you under CBPRootModule
<md-icon  fontSet="fontawesome" fontIcon="fa-print"></md-icon>

to

<md-icon  fontSet="fa" fontIcon="fa-print"></md-icon>