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;