Angular2与Material Design Lite

Question

I have added the following bit of code in my angular2 app to help MDL re-register the components when moving around the app...

ngAfterViewInit() {
    componentHandler.upgradeDom();
}

And although it seems to be working ok (as expected) I am getting the following error...

(16,5): error TS2304: Cannot find name 'componentHandler'.

I'm still quite new to angular2 and typescript but I guess I need to import something so my code knows what componentHandler is(even though it must know what it is because it works and doesn't work without this code??? confused)

Answer 1

It should help you to add

declare var componentHandler: any;

at the top of your code. Please refer to the corresponding handbook section on Working with Other JavaScript Libraries in TypeScript.

Answer 2

if you are using cli.angular tool for generating your app do this, so that no need to duplicate the code everywhere.

1. add below line into typings.d.ts file
   

     declare var componentHandler: any; 

2. reference the file into your component file as below
   

     /// <reference path="../typings.d.ts" /> 

Answer 3

I guess you need to add

declare componentHandler;
componentHandler.upgradeDom();

See also Calling JavaScript directly from TypeScript