Estoy usando angular-cli y bootstrap-colorpicker. Quiero obtener el valor al seleccionar un color del método de cambio / entrada del selector de color.
aquí está mi código 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>
en el archivo ts:
testevent(event){ console.log(event.target.value); }
Esta función funciona cuando hago una entrada directamente en el tipo de entrada. Usando el método jQuery onchange o oninput, puedo obtener valor. Pero quiero usar la forma angular2.
Por favor sugiérame para resolver esta situación.
Gracias y saludos
Puede usar [(ngModel)]
como cualquier otra entrada
<input id="colorInput" type="text" [(ngModel)]="colorCode" value="#00AABB" class="form-control textedit" data-type="color" (change)="test()" /> test(){ console.log(this.colorCode); }