2017-03-17 35 views
0

我在使用$構造函數時遇到問題。 ngOnInit() translate.instant等 這裏是我的代碼:

declare var $: any; 
{ 
    var SelectedDevice = $("#select2-example-basic".val(); 
} 

here是我得到了什麼,當我試圖運行此代碼。

我不知道爲什麼我不能在constructur使用$ngOnInitTranslate.instant等,但它在其它功能,例如:在

onClick(){ 
    var infoDataTable = $('#basic-table').DataTable().page.info(); 
} 

..沒有錯誤或失敗...

這裏是我的html鱈魚:

<div class="table-responsive"> 
     <table id="basic-table" class="data-table table table-striped nowrap table-hover" cellspacing="0" width="100%"> 
      <thead> 
       <tr> 
        <th>{{'Plate'|translate}}</th> 
        <th>{{'Driver Name'|translate}}</th> 
        <th>{{'Start Time'|translate}}</th> 
        <th>{{'Starting Address'|translate}}</th> 
        <th>{{'End Time'|translate}}</th> 
        <th>{{'Ending Address'|translate}}</th> 
        <th>{{'Work Duration'|translate}}</th> 
        <th>{{'Distance'|translate}}</th> 
       </tr> 
      </thead> 
      <tbody> 
       <tr *ngFor="let item of workDataReportList"> 
        <td>{{item.Name}}</td> 
        <td>{{item.DriverName}}</td> 
        <td>{{item.StartTime | date:'dd.MM.yy hh:mm'}}</td> 
        <td>{{item.StartAddress}}</td> 
        <td>{{item.EndTime | date:'dd.MM.yy hh:mm'}}</td> 
        <td>{{item.EndAddress}}</td> 
        <td>{{item.RunningTime}}</td> 
        <td>{{item.Km | distance}}</td> 
       </tr> 
      </tbody> 
     </table> 
    </div> 
</div> 

我想知道是否有可能幫助我瞭解如何我可以使用$爲這個問題? 在此先感謝...

做NPM安裝@類型/ jQuery的我得到這個錯誤:error is here

+0

FWIW,^這個帖子是通過簡單地用谷歌搜索'angular2和jquery'發現的。這是第一個結果。請下次再做一點研究。 – Rob

+0

這並不意味着它是一樣的東西,你只是通過簡單的谷歌搜索找到工作。這就是爲什麼我寫在這裏解決這個問題。 –

回答

1

,而不是declare var $: any;

嘗試jQuery的安裝類型定義:

npm install @types/jquery 
+0

我已經試過這樣做。但它不起作用。這裏是我得到的:「模塊構建失敗:錯誤:....:Modue'」jqueryt「'沒有默認導出。」)我還寫了'jquery''import $來解決這個錯誤。它也沒有工作。 –

+0

@DeryaAcar請貼上您收到的確切錯誤。不要簡單地輸入它,因爲你最終會得到不正確的解決方案(例如,您拼錯了jqueryt,我們無法確定錯誤是因爲您在代碼中拼寫錯誤,還是在編寫錯誤消息時拼寫錯誤)。 – Rob

0

你可以安裝jquery庫:npm install --save @types/jquery
你應該用jQuery代替$ 例如:

jQuery("#select2-example-basic".val(); 
相關問題