Angular typescript Development Environment Integrated jquery extension

Integration steps:

1. Install jquery extremely TS definition file

Install jquery-install --save-dev @types/jquery

2. Page load jquery:

" Apps " : [{  ...   " Scripts " : [    ".. /node_modules/jquery/dist/jquery.min.js",  ],  ...}]

3. Call the extension method:

$ ("selector"). Pluginmethod ();

4. Run ng serve:

Ng Serve-o

The problem with this is that we're not just trying to call jquery plugin, The TS definition extension of the jquery interface is extended through the plugin d.ts file, and we call jquery itself, at compile time, the compiler automatically looks for the relevant plugin definition and extends the original jquery interface. To figure this out, many of the JS libraries based on the jquery selector function are much more convenient to achieve.

Reference: Https://stackoverflow.com/questions/43934727/how-to-use-jquery-plugin-with-angular-4

Angular typescript Development Environment Integrated jquery extension