ERROR TypeError: _this.$ is not a function

[shaheenaakhter]

Hi there,

I'm creating ModalTriggerDirective ,have followed each and every bit of the course.When trying to open dialog box on click of search button.I get this error.Please help :(.

Have created JQ_TOKEN and imported the service in the directive.
app.module.ts
let jQuery: any;
{provide: JQ_TOKEN, useValue: jQuery}

[qxl0]

I got into the exact error. It's not easy to fix.

[ArinzeOkorji]

I am facing the same issue.

[ArinzeOkorji]

In the directive file, add

import $ from 'jquery' ;
declare var $:$;

Remove/comment out the token injection in the constructor

use $ instead of this.$ in the addEventListener function.

Worked for me.