2016-08-02 41 views
2

我想在angular2中使用jquery,并得到此错误:ReferenceError:$未从下面的代码中定义。

declare 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"); });  

    }  
}  

我该如何解决这个问题?

+0

/* jquery安装使用typings安装dt〜jquery --global --save。在var container = $(“#contact-us-form”)中获取错误;行说美元没有定义。 */ –

+0

你能解释一下声明'declare var $:JQueryStatic;'的目的吗? – FDavidov

+0

我想用$ ..所以。其实我想写jQuery的东西 –

回答

2

添加角cli.json

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

有一个打字稿文件

import * as $ from "jquery"; 

使用NPM安装的jQuery

0

按照下列步骤操作:

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

这应该做的伎俩,没有必要把declare var jQuery: any;declare var $: any;每个文件。