“this” undefined in side link function in Angular directive built with TypeScript

Question

I\'m a relative newbie to both TypeScript and Angular so I\'m probably doing something very basic wrong here.

I\'m trying to create an abstract base class from which

Answer 1

In Angular directives it is unsafe to consider this a class instance because functions can have their own lexical this, and they actually have it.

this is controller instance in controller (which may or may not be exposed on scope with 'controller as' syntax).

this is DDO object in compile (so this is contextual here).

this is undefined in linking functions (in strict mode).

Use arrow functions if you're unsure about lexical this or want to override it:

link = (...) => { ... };