ngOnInitまたはコンストラクタで$を使用するにはどうすればよいですか？

Question

コンストラクタで$を使用する際に問題があります。ここ ngOnInit（） translate.instantなど は私のコードです：

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

とhereは、私はこのコードを実行しようとしたとき、私が得たものです。 ...

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

に...誤りがないか、失敗：

私はconstructurにngOnInitTranslate.instantなどを$を使用couldntの理由を私は知らないが、それは例えば、他の機能で動作します

とここに私の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の@インストールし実行するための事前の おかげで...

私はこのエラーを得た：代わりにdeclare var $: any;

のerror is here

Answer 1

はjQueryのための型定義をインストールしてください：

npm install @types/jquery 

Answer 2

jqueryライブラリをインストールすることができます：npm install --save @types/jquery
代わりに$ を使用する必要があります。例：

jQuery("#select2-example-basic".val();