Comment obtenir la valeur d'un changement ou d'une méthode de saisie dans angular2 en utilisant bootstrap-colorpicker?

Question

J'utilise angular-cli et bootstrap-colorpicker. Je veux obtenir la valeur tout en choisissant une couleur de la méthode colorpicker onchange/oninput.

ici est mon code html:

<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> 

dans ts fichier:

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

Cette fonction fonctionne lorsque je fais une entrée directement dans le type d'entrée. En utilisant la méthode jQuery onchange ou oninput, je peux obtenir de la valeur. Mais je veux utiliser la manière angulaire2.

S'il vous plaît me suggérer de résoudre cette situation.

Merci et salutations

Answer 1

Vous pouvez utiliser [(ngModel)] comme anyother entrée

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


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