How to get value on change or on input method in angular2 using bootstrap-colorpicker?

Question

I am using angular-cli and bootstrap-colorpicker. I want to get the value while picking up a color from the colorpicker onchange / oninput method.

here is my 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 file:

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

This function works when I make an input directly in the input type. Using jQuery method onchange or oninput I am able to get value. But I want to use angular2 way.

Please suggest me to solve this situation.

Thanks and Regards

Aravind · Accepted Answer · 2017-04-27 10:51:13Z

0

You can use [(ngModel)] just as anyother input

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


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

answered Apr 27, 2017 at 10:51

Aravind

41.7k16 gold badges97 silver badges111 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to get value on change or on input method in angular2 using bootstrap-colorpicker?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related