2015-09-23 123 views
8

私はAngelsJSでTypescriptを使用しています。 jQueryライブラリの型定義を使用してモーダルに問題があります。 次のエラーが表示されます。 'エラーTS2339:' modal 'プロパティが' JQuery 'タイプに存在しません。'エラーTS2339:プロパティ 'modal'が型 'JQuery'に存在しません

バージョン:jQueryライブラリ、バージョン1.10.x/2.0.xの 定義:私はangular.d.ts

<reference path="../jquery/jquery.d.ts" /> 

、私の中でjquery.d.tsに参照していますhttps://github.com/borisyankov/DefinitelyTyped

コード

$scope.delete = function (id) { 
    Photo.get({id: id}, function(result) { 
    $scope.photo = result; 
    $('#deletePhotoConfirmation').modal('show');// error line 
    }); 
}; 

グローバルベンダー参照ファイルは次のようになります。

<reference path='../vendor/types/angular/angular.d.ts' /> 
<reference path='../vendor/types/angular/angular-mocks.d.ts' /> 
<reference path='../vendor/types/jasmine/jasmine.d.ts' /> 
+2

あなたはあなたのコードを表示することができますか? –

+0

$ scope.delete = function(id){ Photo.get({id:id}、function(結果){ $ scope.photo = result; $( '#deletePhotoConfirmation')。モーダル( 'show') ; //エラー行 }); }; – TomekB

+0

'angular.d.ts'の 'jquery.d.ts'を参照しています。file:/// とグローバルベンダー参照ファイル/// ///

のようにそれをだますことができていることを確認し、このオプションがすでに定義されている追加のd.tsファイルを見つけることができれば

はすでにmodalオプション

幸運があったthisライブラリを検討してみてください!

+1

'jquery.simplemodal.d.ts'にチェックを入れました。ありがとうございます! – TomekB

+1

正しい答えとしてマークする –

3

はtypescriptですの新しいバージョン(私は信じている> V2)とのBootstrap DefinitelyTyped

typings install --global --save dt~bootstrap

22

のためのタイピングをインストールしてください:

npm install -D @types/bootstrap 
+0

これは、jqueryタイプもインストールされているプロジェクトで私にとってはうまくいきました。これは '$(modal-selector).modal( 'show')'などがコンパイルするjQueryインターフェイスに追加されましたfine – hughjdavey

+6

私は 'bootstrap 'として' import * as bootstrap';を 'app.module.ts'に追加する必要がありました。さもなければ、IntelliJは文句を言うのをやめましたが、コマンドラインで同じエラーでコンパイルしません。あなたがそれを何と呼んでも問題ありません(ブートストラップする必要はありません)。絶対的な明快さのために、私は同じファイルに '$(...)'を使用することができるjquery ";"から 'import * as $ 'を持っています。 – hughjdavey

+1

ありがとう@hughjdavey !!!それらの特定の輸入声明を含めるために...私はそれが必要である必要がどのくらい共通であるためにこれがどれほど曖昧であると信じることができないのですか? – Beej

関連する問題