2016-08-25 45 views
0

我正在使用打字稿的angular2(rc-5)應用程序。我只是做了一個加載器組件,它只需要在打字稿類函數中使用jquery打開模式。但它無法找到$和模態函數?bootstrap模態不打開在angularjs2(rc5)打字稿類中使用jquery

import { Component, Input } from '@angular/core';

@Component({ 
    moduleId: module.id, 
    selector: 'app-loader', 
    templateUrl: 'loader.component.html', 
    styleUrls: ['loader.component.css'] 
}) 
export class LoaderComponent { 

    constructor() { } 

    @Input() message = "finally inside child scope."; 

    showLoader(){ 
     $("#loaderModal").modal('show'); // error on this line 
    } 

} 

錯誤報告: 錯誤: - 物業 '模式' 不上鍵入 'ElementFinder' 存在。 enter image description here

感謝您的幫助。

回答

0

這是運行時還是編譯錯誤?

如果您需要安裝分型編譯錯誤:

jQuery的安裝分型和自舉typings install dt~jquery dt~bootstrap --global --save

更多分型,你可以在這裏找到:https://github.com/typings/typings

如果這是你應該運行時錯誤將jquery和bootstrap導入到您的打字稿文件中。你使用什麼ModuleLoader?

+0

其編譯時錯誤,我安裝正如你所提到的所有這些事情(分型),但仍然給了同樣的錯誤。 – aditya

+0

檢查我上面添加的圖像。 – aditya

+0

剛剛使用JavaScript來顯示現在的模式。 – aditya

0

你有申報內斯蒙山的$意義:

declare var $: JQueryStatic;