Wie bekomme ich Wert auf Änderung oder auf Eingabemethode in angular2 mit Bootstrap-Colorpicker?

Question

Ich benutze angular-cli und bootstrap-colorpicker. Ich möchte den Wert erhalten, während ich eine Farbe von der colorpicker onchange/oninput-Methode abrufe.

hier ist mein HTML-Code:

<div id="cp2" class="input-group colorpicker-component"> 
    <input id="colorInput" type="text" value="#00AABB" class="form-control textedit" data-type="color" (input)="testevent($event)" /> 
    <span class="input-group-addon"><i></i></span> 
</div> 

in TS-Datei:

testevent(event){ 
    console.log(event.target.value); 
} 

Diese Funktion funktioniert, wenn ich einen Eingang direkt in das Eingabetyp machen. Mit der jQuery-Methode onchange oder oninput kann ich Werte erhalten. Aber ich möchte angular2 way verwenden.

Bitte schlagen Sie mir vor, diese Situation zu lösen.

Danke und Grüße

Answer 1

können Sie [(ngModel)] verwenden, wie anyother Eingang

<input id="colorInput" type="text" 
    [(ngModel)]="colorCode" 
     value="#00AABB" 
     class="form-control textedit" 
     data-type="color" (change)="test()" /> 


test(){ 
    console.log(this.colorCode); 
}