如何将JQuery iCheck导入到Angular 2/4

Question

我试图在Angular 4中使用iChek库。但是当我在TypeScript文件中使用它时，出现如下错误：“Property'iCheck'在类型' JQuery的'”

我的代码：

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' 
    }) 
    } 
} 

而且我想在我的组件一样来使用这个指令：

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

有人有问题，那么请为解决这个问题？

Answer 1

试试这个

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

首先使用npm安装以下内容。

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

之后，你应该包括I检查JavaScript文件中的.angular-cli.json

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

希望这将解决您的问题