Angular 4 + ng2-datetime jQuery问题

Question

有没有人使用ng2-datetime包与ng4运气？我遇到了一个jQuery的问题如下：

ERROR in /Users/markoffden/Sites/ato-card-front/node_modules/ng2-datetime/src/ng2-datetime/ng2-datetime.ts (175,27): Cannot find name 'jQuery'. 
/Users/markoffden/Sites/ato-card-front/node_modules/ng2-datetime/src/ng2-datetime/ng2-datetime.ts (176,37): Cannot find name '$'. 
/Users/markoffden/Sites/ato-card-front/node_modules/ng2-datetime/src/ng2-datetime/ng2-datetime.ts (192,19): Cannot find name '$'. 
/Users/markoffden/Sites/ato-card-front/node_modules/ng2-datetime/src/ng2-datetime/ng2-datetime.ts (196,27): Cannot find name 'jQuery'. 
/Users/markoffden/Sites/ato-card-front/node_modules/ng2-datetime/src/ng2-datetime/ng2-datetime.ts (197,37): Cannot find name '$'. 
/Users/markoffden/Sites/ato-card-front/node_modules/ng2-datetime/src/ng2-datetime/ng2-datetime.ts (224,19): Cannot find name '$'. 

虽然我已经按照网络上这一切的接受修复，如：

npm install --save @types/jquery 

，并包括：

"types": ["jquery"] 

在我的tsconfig.json，但仍然得到这个错误。

我正在使用CLI。

UPD 而我angular-cli.json是

///... 

"styles": [ 
    "../bower_components/bootstrap/dist/css/bootstrap.min.css", 
    "../bower_components/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css", 
    "../bower_components/font-awesome/css/font-awesome.min.css", 
    "sass/styles.scss" 
], 
"scripts": [ 
    "../bower_components/jquery/dist/jquery.min.js", 
    "../bower_components/bootstrap/dist/js/bootstrap.min.js", 
    "../bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js", 
    "../bower_components/bootstrap-timepicker/js/bootstrap-timepicker.js" 
] 

///... 

Answer 1

我认为ngx-datepiker是目前最好的选择。切换到这个库。

Answer 2

我有同样的问题。下面是我能找到的唯一解决方案。

步骤1：安装jQuery和类型

npm install jquery --save

npm install @types/jquery --save-dev

步骤2：的库添加到脚本.angular-cli.json

"scripts": [ "../bower_components/jquery/dist/jquery.min.js" ]

步骤3：添加：/// <reference path="../node_modules/@types/jquery/index.d.ts" />到SRC/typeings.d.ts文件的顶部。

我尝试使用angular's approach for adding 3rd party libs第一次没有运气。

Answer 3

，如果你使用的角度，CLI，加入typings.d.ts这样的：

declare var $: any; 

declare var jQuery: any;