Angular2コンポーネントのコンテキスト（jQueryのtimpickerメソッド内）

Question

私の使用例：angular2の時間ピッカーコンポーネントを作成しています。 は、私はjQueryのtimpickerにAngular2コンポーネント値を渡す必要があるので、私は、このようなMAXTIMEなどMINTIME、

などの値を設定することができます。ここ

export class TimePicker{ 
    @Input() minTime : string; 
    @Input() maxTime : string; 
    @ViewChild('timePicker') tmElement : ElementRef; 

    ngAfterViewInit(){ 
    $(this.tmElement.nativeElement).timepicker({ 
      timeFormat: 'h:mm p', 
      minTime: '11', --> Need this.minTime ?? 
      maxTime: '6:00pm', --> Need this.maxTime ?? 
      dynamic: false, 
      dropdown: true, 
      scrollbar: true, 
      change: (time)=> { 
       this.changedTime(time); 
      } 
     }); 
     } 


changedTime(time : Date){ 
    // This is called easily due to fat arrow 
} 

アイブ氏は、bindメソッドを使用してみましたコードが、ヘルプなしにです。私はjQueryの使用を楽しみにしているので、この実装は長い間役に立ちます。 ありがとうございました:)

Answer 1

これを試してください。

var minTimeVal &のメソッドでmaxTimeValを宣言し、同じものを使用します。

export class TimePicker{ 
    @Input() minTime : string; 
    @Input() maxTime : string; 
    @ViewChild('timePicker') tmElement : ElementRef; 

    ngAfterViewInit(){ 
    var minTimeVal = this.minTime; 
    var maxTimeVal = this.maxTime; 

    $(this.tmElement.nativeElement).timepicker({ 
      timeFormat: 'h:mm p', 
      minTime: minTimeVal, 
      maxTime: maxTimeVal, 
      dynamic: false, 
      dropdown: true, 
      scrollbar: true, 
      change: (time)=> { 
       this.changedTime(time); 
      } 
     }); 
     } 


changedTime(time : Date){ 
    // This is called easily due to fat arrow 
}