2016-08-02 16 views
2

Ich versuche, jquery in angular2 zu verwenden, und habe diesen Fehler: ReferenceError: $ ist nicht aus dem folgenden Code definiert.

deklarieren var $: JQueryStatic;

export class AppComponent {  

ngOnInit() {  

    var container = $("#contact-us-form");  

    container.css("width", $(document).width()).css("height", $(document).height()).hide();  

    container.find(".modal-content .button-close").click(function(){ this.toggleModalWindow("contact-us-form"); });  

    $("#contact-link").click(function(){ this.toggleModalWindow("contact-us-form"); });  

    }  
}  

Wie könnte ich das beheben?

+0

/* Jquery wird installiert mit typings install dt ~ jquery --global --save. Fehler in var container erhalten = $ ("# contact-us-form"); Zeile sagt, dass $ nicht definiert ist. */ –

+0

Können Sie den Zweck der Deklaration erklären 'declare var $: JQueryStatic;'? – FDavidov

+0

Ich möchte $ .. So verwenden. In der Tat möchte ich jquery stuffs schreiben –

Antwort

2

hinzufügen Winkel cli.json

"../node_modules/jquery/dist/jquery.js" 

Haben Sie ein Typoskript Datei

import * as $ from "jquery"; 

installieren jquery mit npm

0

folgt vor:

  1. npm i jquery --save
  2. npm i @types/jquery -D
  3. import * as $ from 'jquery' --->in app.module.ts

, die den Trick tun sollten, und keine Notwendigkeit declare var jQuery: any; oder declare var $: any; in jeder Datei zu setzen.

Verwandte Themen