Integrating Material Design Lite with Angular2

Question

I have a small problem in integrating a meterial design (http://www.getmdl.io/) in ng2 Can you please help me I will put it in points what I have done

1. http://w

Answer 1

The ng2-webpack Demo project includes a simple ng2 CRUD application that uses vanilla MDL

Steps:

• npm install --save material-design-lite
• import the entire library in src/vendor.js
• or just the desired components
• in src/style/app.scss, import the desired components:

Issues:

Issue - MDL augmented DOM effects are not applied:

• consistently during state changes
• during route changes

Solution:

ngAfterViewInit() {
    // Ensure material-design-lite effects are applied
    componentHandler.upgradeDom();
}

see Working with Material Design Lite for more details.