clockPickerの値をバインドする方法

Question

angle4 clockpickersが見つかりませんでしたので、jQueryを使用することにしましたが、選択した時刻を変数にバインドすることができず、私のtypescriptコンポーネント..ここに私のコードがあります

console.log(this.value)私には選択された値が表示されますが、宣言された変数に割り当てることはできません。

コンポーネント：

ngAfterViewInit() { 
    jQuery("#timePicker").clockpicker({ placement: 'bottom', donetext: 'Done', autoclose: true, vibrate: true, }) 
    .find('input').change(function (a) { 
     console.log(a); 
     console.log(this.value) 
    }); 
} 

HTML：あなたがfunctionキーワードで関数を定義する場合

<div class="timeHolder" 
    id="timePicker" 
    data-placement="right" 
    data-align="top" 
    data-autoclose="true"> 
    <input type="text" 
     [(ngModel)]="setTime" 
     (input)="valuechange($event)" /> 
    {{setTime}} 

Answer 1

はそれがthisの値を変更します。したがって、推奨@ developer033ではなく、thisの値を変更しない矢印関数を使用してください。次のコードを使用してください：

ngAfterViewInit() { 
    jQuery("#timePicker").clockpicker({ placement: 'bottom', donetext: 'Done', autoclose: true, vibrate: true, }) 
    .find('input').change((e) => { 
     console.log(e); 
     console.log(e.currentTarget.value); 
     // use that to access angular variables 
     this.setTime = e.currentTarget.value; 
    }); 
}