Question

我的用例：我正在为angular2创建一个时间选择器组件。我需要将Angular2 Components值传递给jQuery timpicker，所以我可以设置minTime，maxTime等值。

这是代码

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
}

我尝试过使用绑定方法但没有帮助。因为我期待在这里和那里使用jQuery这个实现在很长的路上会有所帮助。谢谢你：）

Answer 1

请试试这个。

宣布var minTimeVal＆amp;方法中的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
}

Angular2组件的上下文在jQuery timpicker方法中

1 个答案: