Angular2 with 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)

Anybody looking at this in the future and having issues that involve routed components might want to have a look at this question. There are some subtleties when dealing with routing. — Michael Tiller
– Michael Tiller, Commented Mar 22, 2016 at 19:42

MartyIX · Accepted Answer · 2016-02-11 12:51:53Z

3

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.

answered Feb 11, 2016 at 12:51

MartyIX

28.8k33 gold badges143 silver badges218 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user2180794 Over a year ago

I am getting ReferenceError: componentHandler is not defined .. I'm not sure why.. any ideas ?

Srini · Accepted Answer · 2016-07-27 18:33:26Z

2

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

add below line into typings.d.ts file
```
   declare var componentHandler: any;  
```
reference the file into your component file as below
```
   /// <reference path="../typings.d.ts" />  
```

answered Jul 27, 2016 at 18:33

Srini

7481 gold badge10 silver badges25 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 10:30:52Z

0

I guess you need to add

declare componentHandler;
componentHandler.upgradeDom();

See also Calling JavaScript directly from TypeScript

edited May 23, 2017 at 10:30

CommunityBot

11 silver badge

answered Feb 11, 2016 at 12:40

Günter Zöchbauer

661k235 gold badges2.1k silver badges1.6k bronze badges

Collectives™ on Stack Overflow

Angular2 with Material Design Lite

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related