diesem Artikel der Richtlinie über Änderungen Angular2

Question

ich ein Problem habe, helfen zu lösen habe ich eine Komponente mit einer Vorlage

ul(slider) 
    li(*ngFor="let car of getRecentCars()") 
     car-poster(bcg="{{car.recentBackgroundUrl}}", image="{{car.indexImage}}") 

und die Richtlinie Schieber

@Directive({ 
    selector: '[slider]' 
}) 
export class sliderDirective{ 
    private el: HTMLElement; 

    constructor(@Inject(ElementRef) elementRef: ElementRef) { 
     this.el = elementRef.nativeElement; 
     let _this = this; 
     setTimeout(function(){ 
      $(_this.el).slick({ 
       infinite: false, 
       slidesToShow: 1, 
       slidesToScroll: 1 
      }); 
     }, 0); 


    } 

} 

Aber die Richtlinie, bevor die Daten ausgelöst wird in der Komponente wie das zu tun, wäre es möglich, die Start-Anweisung Rendering-Komponente zu verschieben

Answer 1

Sie könnten le verage die Komponente/directive Lifecycle Haken wie ngAfterViewChecked:

ist hier ein Beispiel:

@Directive({ 
    selector: '[slider]' 
}) 
export class sliderDirective{ 
    private el: HTMLElement; 

    constructor(@Inject(ElementRef) private elementRef: ElementRef) { 
     this.el = elementRef.nativeElement; 
    } 

    ngAfterViewChecked() { 
     $(this.el).slick({ 
      infinite: false, 
      slidesToShow: 1, 
      slidesToScroll: 1 
     }); 
    } 
} 

dieses doc Siehe für weitere Informationen:

• https://angular.io/docs/ts/latest/guide/lifecycle-hooks.html