2017-02-04 2 views
0

私はangular2カラーピッカーを使っています。入力要素の値は、色がカラーピッカーから選択され、入力されないと変更されます。今度は、入力タグの値が変更されたら関数を起動する必要があります。 キーアップなので、キーダウンは使用できません。 (onchange)も機能しません。 See the demo of color picker入力が入力されていないときに入力タグから関数を起動する方法はありますか?

そして、私のテンプレート<input [(ngModel)]="color" onblur="hexToRgb()" (keyup)="hexToRgb()" (change)="hexToRgb()"/>

答えて

1

使用このイベントcolorPickerChange

<input (colorPickerChange)="color=$event" [style.background]="color" [value]="color"/> 

双方向バインディング:

<input [(colorPicker)]="color" [style.background]="color" [value]="color"/> 

または:

<input [colorPicker]="color" (colorPickerChange)="color=$event" [style.background]="color" [value]="color"/> 
+0

私はデモで(colorPickerChange)イベントを見ました。ありがとう、それは動作します。 –

関連する問題