Qual a forma correta de instalar o jquery num projeto angular 2+?
Com bootstrap:
npm install --save jquery@latest
Só que ele não está disponível no node_modules para eu pegar o caminho e colocar no angular.json
Stack Overflow em Português é um site de perguntas e respostas para programadores profissionais e entusiastas. Leva apenas um minuto para se inscrever.
Inscreva-se para participar desta comunidadeInstale o pacote através:
npm install jquery — save
posteriormente em seu ./angular-cli.json.
“scripts”: [ “../node_modules/jquery/dist/jquery.min.js” ]
,vc tambem pode fazer o mesmo com o bootstrap como exemplo :
por fim inclua em seu componente:
import * as $ from ‘jquery’;
import { Component, OnInit } from '@angular/core';
import * as $ from 'jquery';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
title = 'Look jQuery Animation working in action!';
public ngOnInit()
{
$(document).ready(function(){
$("button").click(function(){
var div = $("div");
div.animate({left: '100px'}, "slow");
div.animate({fontSize: '5em'}, "slow");
});
});
}
Raiz do projeto:
npm install jquery --save
angular-cli.json
"scripts": [
"../node_modules/jquery/dist/jquery.min.js",
]
Ts:
import $ from "jquery";
window.click
lá que aparece umalert