如何使用bootstrap-colorpicker在angular2上獲取更改值或輸入方法？

Question

我正在使用angular-cli和bootstrap-colorpicker。我想從colorPicker onchange/oninput方法中獲取顏色。

這裏是我的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> 

在TS文件

：

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

此功能，當我在輸入類型直接進行輸入工作。使用jQuery方法onchange或oninput我能夠獲得價值。但我想用angular2的方式。

請建議我解決這種情況。

感謝和問候

Answer 1

您可以使用[(ngModel)]就像任何其它的輸入

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


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