使用JQuery Library的Angular 4指令不起作用

Question

我使用的是JQuery Library（iCheck），我想在我的html组件中使用它，但它不起作用.. 我的代码： Directive.ts

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

declare var jQuery: any;

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

export class IcheckDirective {
  constructor(private el: ElementRef) { }

  ngAfterViewInit() {
    jQuery(this.el.nativeElement).iCheck({
      checkboxClass: 'icheckbox_minimal',
      radioClass: 'iradio_minimal'});
    }
}

xxx.component.html

<label class="radio">
       <input type="radio" icheck name="filter" value="OF"> Other           </label>

IE： icheck 是我的指令中的选择器名称。 我使用Angular 4.