How to add a jquery plugin to angular-cli project

Question

I have already added a jquery library in to my angular-cli project but i also need to add jquery form validate plugin on the top of the jquery. I also want to integrate it with my component.ts file. how can i do this.

THANK YOU FOR YOUR HELP!

you shouldn't use jQuery in angular. try using *ng-if on your div's inside your html file. — user10038293
– user10038293, Commented Aug 28, 2018 at 15:12

Jameel Moideen · Accepted Answer · 2018-08-17 19:16:31Z

1

First install jQuery using npm as follows

npm install jquery — save

Include it on your cli.json file

"scripts": [ "../node_modules/jquery/dist/jquery.min.js" ]

Import

 import * from 'jquery';
    (or)
    declare var $: any;

Component

 public ngOnInit()
  {
    $(document).ready(function(){
        $("someclick").click(function(){

        });
    });
  }

answered Aug 17, 2018 at 19:16

Jameel Moideen

8,01913 gold badges54 silver badges80 bronze badges

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

Collectives™ on Stack Overflow

How to add a jquery plugin to angular-cli project

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related