¿Cómo importar jQuery a proyectos Angular2 TypeScript?
Quiero envolver un código jQuery en una directiva Angular2.
Instalé la biblioteca jQuery para Typings en mi proyecto con el siguiente comando:
typings install dt~jquery --save --global
Entonces ahora tengojquery
carpeta debajotypings/global
carpeta en mi directorio de proyectos. Además, la siguiente nueva línea se ha agregado a mitypings.json
archivo:
{
"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"
}
}
Empecé a escribir una nueva directiva Angular2 (que importé aapp-module
archivo) pero no sé cómo importar correctamente la biblioteca jQuery. Aquí está mi archivo fuente:
import {Directive} from '@angular/core';
@Directive({
selector: "my-first-directive"
})
export class MyFirstDirective {
constructor() {
$(document).ready(function () {
alert("Hello World");
});
}
}
Pero no puedo usar ni$
nijQuery
. ¿Cuál es el próximo paso?