jQuery not working in angular 4

Question

I have tried running the following npm install but it doesnt fix anything. npm install jquery --save npm install @types/jquery --save-dev

I have added "scripts": ["../node_modules/jquery/dist/jquery.min.js"], in .angular-cli.json file.

app.component.ts

import { Component } from '@angular/core';
declare var $:any;


@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})

export class AppComponent {

title = 'jQuery works!';


       onToggle(){

$('.test').slideToggle();

       }

}

Error: $ is not defined

Don't you need import $ from 'jquery'; https://stackoverflow.com/questions/39511788/how-to-import-jquery-to-angular2-typescrypt-projects — JGFMK, Aug 03 '17 at 12:29
I helped someone few days ago. please check the link. https://stackoverflow.com/questions/45440350/angular-how-to-load-external-library-from-bower-not-available-in-npm/45441017#45441017 — vistajess, Aug 03 '17 at 13:07

score 1 · Answer 1 · answered Aug 03 '17 at 14:17

1

Did you try import jquery like this?

import * as $ from 'jquery';

answered Aug 03 '17 at 14:17

Nour

5,609
3
21
24

jQuery not working in angular 4

1 Answers1