Error $ is not defined

[sumankumar72]

I'm getting an error

core.js:1440 ERROR ReferenceError: $ is not defined
    at angular-datatables.directive.js:42
    at ZoneDelegate.webpackJsonp.../../../../zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:421)
    at Object.onInvokeTask (core.js:4724)
    at ZoneDelegate.webpackJsonp.../../../../zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:420)
    at Zone.webpackJsonp.../../../../zone.js/dist/zone.js.Zone.runTask (zone.js:188)
    at webpackJsonp.../../../../zone.js/dist/zone.js.ZoneTask.invokeTask (zone.js:496)
    at ZoneTask.invoke (zone.js:485)
    at timer (zone.js:2025)

Here is version details:

- node version: 9.3.0
- angular version: 5.0
- angular-cli version: 1.6.6
- jquery version: 3.3.1
- datatables version: 1.10.16
- angular-datatables version: 5.0.0

Current behavior

Expected behavior

Minimal reproduction of the problem with instructions

[l-lin]

The documentation will only deal with projects that use angular-cli. Indeed, the front-end ecosystem is evolving at a pace I can't follow anymore. Thus, there will only have a tutorial for angular-cli's project. If you managed to make it work in, for example, SystemJS projects, please submit a pull request to improve this documentation. Thanks!

See the documentation.

To check how to make it work with webpack, check #978.