How to use Jquery in Angular 2

Question

I have a theme in HTML,CSS,JAVASCRIPT and were used Frameworks like Bootstrap, Jquery, etc.

I intend to implement the theme in an Angular 2 project, in certain pages there are animations, manipulations of the DOM that are made by the manufacturer of the theme that I would like to have on the site as they are in the theme, but with some manipulation of information there.

How do I get my information to Jquery from a method/variable of my Angular component?

Ex:

onViewChecked(){
$(".classe-escolhida").click(function(){
alert("Cliclado");
});
}

Answer 1

Utilize declare var $: any; before the declaration of the Class.

Example:

import { Component } from '@angular/core';

declare var $: any;

@Component({
  selector: 'app-modulo',
  templateUrl: './modulo.component.html',
  styleUrls: ['./modulo.component.scss']
})
export class ModuloComponent
{
  constructor(){}

  onViewChecked(){
    $(".classe-escolhida").click(function(){
      alert("Clicado");
    });
  }
}