Como importar jQuery para projetos Angular2 TypeScript?
Eu quero envolver algum código jQuery em uma diretiva Angular2.
Instalei a biblioteca jQuery para Typings no meu projeto com o seguinte comando:
typings install dt~jquery --save --global
Então agora eu tenhojquery
pasta emtypings/global
pasta no diretório do meu projeto. Além disso, a seguinte nova linha foi adicionada ao meutypings.json
Arquivo:
{
"globalDependencies": {
"core-js": "registry:dt/core-js#0.0.0+20160602141332",
"jasmine": "registry:dt/jasmine#2.2.0+20160621224255",
"node": "registry:dt/node#6.0.0+20160807145350",
"jquery": "registry:dt/jquery#1.10.0+20160908203239"
}
}
Comecei a escrever uma nova diretiva Angular2 (que importei paraapp-module
arquivo), mas não sei como importar corretamente a biblioteca jQuery. Aqui está o meu arquivo de origem:
import {Directive} from '@angular/core';
@Directive({
selector: "my-first-directive"
})
export class MyFirstDirective {
constructor() {
$(document).ready(function () {
alert("Hello World");
});
}
}
Mas eu não posso usar nem$
nemjQuery
. Qual é o próximo passo?