v1.7.0

New features and enhancements

• Update ngx-markdown@1.4.0 (#236) 5e6d50a @jfcere
• Expose missing components and removed unused tsconfig path (#238) 7887729 @jfcere
• Update readme "Why ng2-materialize?" section (#218) b5e2b92 @scote
• Update @types/materialize-css (#233) 2641a70 @jfcere
• Add Sidenav opened state (#227) e14a278 @jfcere
• Remove mz-card-content inside p tag (#232) 364a715 @scote
• Refactor Card to use class property instead of input properties (#224) 10d2d55 @jfcere
• Add missing SideNav options (#221) 4cdb54b @jfcere
• Add module for all components (#237) 32a76c7 @scote

Bug fixes

• Change default container in MzInjectionService for document.body + setRootViewContainer parameter to Element (#242) 9f40996 @jfcere
• Remove show-on-large class handling for collapse-button in Sidenav (#234) 1f135b5 @jfcere
• Fix snippet code in readme animation section (#228) b85bd90 @hiagodotme
• Fix demo-app\yarn.lock after AppVeyor updated Yarn to 1.2.1 (#229) 9564375 @jfcere

Breaking changes

Card component

Properties backgroundClass and textClass have been removed on mz-card component. This is breaking change for those using the grid system (classes such as col s12) directly on mz-card as it adds margin and padding to the applied element. Therefore it would now need to be wrapped into a container to apply the grid classes, the same way it should be done with pure Materialize card.

So it will now need to be used like this...

<div class="col s12">
  <mz-card class="blue-grey darken-1 white-text">
    <mz-card-content>
      Great Content Here.
    </mz-card-content>
  </mz-card>
</div>

Deprecacted

MaterializeModule

You can now import individual component module in your application. Each component module name is specified in demo pages. You can see an example below on how to use component modules:

import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
+ import { MzButtonModule, MzInputModule } from 'ng2-materialize';

import { HomeComponent } from './home.component';

@NgModule({
  imports: [
    CommonModule,
+   MzButtonModule,
+   MzInputModule,
  ],
  declarations: [ HomeComponent ],
})
export class HomeModule { }

You can still import MaterializeModule to make all component availables but it is deprecated and will be removed in a near future.