how to integrate jquery files with angular 4

Question

i am new to angular 4. i am calling a jquery function with html tag from a method. And that jquery method is defined in another file. so how to write those in angular? this is the example

sample() {
  $.("represent-visualization").Sample();
}

And the function Sample is defined in a jquery file

(function( $ ){
   $.fn.sample()
    {
     }
 })(jquery);

take a look at this link how to add external js in Angular with or wothout typings — Rahul Singh
– Rahul Singh, Commented Sep 22, 2017 at 7:56
What are you trying to do? You shouldn't need to use jQuery within Angular, please provide more of your code. — Joe Keene
– Joe Keene, Commented Sep 22, 2017 at 8:27
instead of using jquery how can i use this by using simple functions? — pooky
– pooky, Commented Sep 22, 2017 at 9:30

Pankaj Makwana · Accepted Answer · 2017-09-22 14:31:03Z

1

npm install jquery --save


npm install --save-dev @types/jquery

Install jquery with npm

npm install jquery --save

Add typings

npm install --save-dev @types/jquery

Add scripts to angular-cli.json

when you cant to import

import * as jquery from "jquery";

jquery.("represent-visualization").Sample();

edited Sep 22, 2017 at 14:31

Pankaj Makwana

3,0486 gold badges33 silver badges49 bronze badges

answered Sep 22, 2017 at 11:27

Manoj Meria

6167 silver badges14 bronze badges

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

1 Comment

pooky Over a year ago

still i am not getting .. its giving an error saying some identifier is expected ..

Collectives™ on Stack Overflow

how to integrate jquery files with angular 4

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related