Wie importiert man JQuery iCheck in Angular 2/4

Question

Ich habe versucht, iChek Bibliothek in Angular 4 zu verwenden. Aber wenn ich es in meiner TypeScript-Datei verwende, bekam ich einen Fehler wie: "Property 'iCheck' existiert nicht auf Typ ' JQuery '“

Mein Code:

import { Directive, ElementRef, HostListener, Input } from '@angular/core'; 

import * as $ from 'jquery'; 

@Directive({ 
    selector: '[icheck]' 
}) 

export class IcheckDirective { 
    constructor(el: ElementRef) { 
    $(el).iCheck({ 
      checkboxClass: 'icheckbox_square-aero', 
      radioClass: 'iradio_square-aero' 
    }) 
    } 
} 

Und ich will diese Anweisung in meiner Komponente verwenden wie:

<label class="radio icheck-inline menu-label"> 
       <input type="radio" icheck name="filters.type" value="IN"> Entrant 
      </label> 

jemand ein Problem haben, bitte für Vorsatz oder?

Answer 1

lösen versuchen, diese

declare var $: any; 

@Directive({ 
    selector: '[icheck]' 
}) 

export class IcheckDirective { 
    $: any = $; 
    constructor(el: ElementRef) { 
     this.$(el.nativeElement).iCheck({ 
      checkboxClass: 'icheckbox_square-aero', 
      radioClass: 'iradio_square-aero' 
     }) 
    } 
} 

Answer 2

Zuerst installieren Sie die folgenden mit npm.

npm install jquery 
npm install -D @types/jquery 
npm install icheck 

Danach sollten Sie die iCheck enthalten JavaScript-Datei in der .angular-cli.json

"scripts": [ 
     "../node_modules/jquery/dist/jquery.js", 
     "../node_modules/icheck/icheck.js"] 

Hoffnung das Ihr Problem