Material Design Lite not fully working with Angular2

Question

I have a simple HTML template built with MDL.

When I place the template into Angular2 App. Elements' actions and clicks are not working

E.g : Showing dropdowns or clicking tabs etc are not working.

I cant see any errors in Developer Console and would like clarification on why this error is happening.

Possible duplicate of [Material Design Lite tooltips not working with Angular 2](http://stackoverflow.com/questions/35878521/material-design-lite-tooltips-not-working-with-angular-2) — Günter Zöchbauer, Mar 14 '16 at 11:09

score 1 · Accepted Answer · edited May 23 '17 at 12:02

1

Call componentHandler.upgradeDom(); in ngAfterViewInit() and each time later when the DOM was modified:

ngAfterViewInit() {
  componentHandler.upgradeDom();
}

edited May 23 '17 at 12:02

Community

answered Mar 14 '16 at 07:11

saying cannot find name `componentHandler` – Sergino Mar 14 '16 at 10:55
1

In typescript. Just fixed that. It turned out I have to declare that `declare var componentHandler;` – Sergino Mar 14 '16 at 11:09

1 Answers1