2016-01-13 29 views
6

Sto cercando di capire come utilizzare jQuery globalmente all'interno della mia app angular 2, l'unica fonte ragionevole che ho trovato finora è questa stackoverflow answer Tuttavia non riesco a farlo funzionare. C'è un modo per ottenere questo con la gestione dei pacchetti npm invece di tsd (questo comando non funziona per me, ho pensato che provenga dal dattiloscritto, ma sembra che non lo sia).utilizzando jQuery globalmente nell'applicazione Angular 2

Dopo questo, penso di dover fare riferimento a jQuery nel mio file app.ts? (File principale utilizzato dai bootstrap.ts per avviare l'applicazione)

Qui è la mia struttura del progetto

app 
    components 
    app.ts 
    services 
    typings 
    bootstrap.ts 
index.html 

e alcuni esempi di codice credo bisogno di essere utilizzato per la realizzazione jQuery

app.ts

import {Component, View} from 'angular2/core'; 

@Component({ 
    selector: 'app', 
    templateUrl: 'app/components/app.html' 
}) 

export class App { } 

bootstrap.ts

import {App}    from './components/app'; 

bootstrap(App); 

risposta

6

Installare le tipizzazioni jQuery utilizzando:

npm install @types/jquery 

includere il file jQuery.js nel index.html

E il gioco è fatto .. immagino :)

Buona fortuna

+0

E Presumo che ho bisogno di includere la versione desiderata di jQuery in HTML giusto? – Ilja

+0

Sì, davvero. Un riferimento in dattiloscritto dice al compilatore che ti occupi di aggiungere il javascript richiesto – PierreDuc

+1

fyi, tsd è il gestore della definizione dattiloscritto. Puoi installarlo eseguendo 'npm -g install tsd'. Successivamente è possibile installare i file di definizione come jQuery eseguendo 'tsd install jquery' :). In questo modo non è necessario scaricarli manualmente – PierreDuc