bootstrap-colorpickerを使用してangular2の変更または入力方法で値を取得する方法は？

Question

私はangle-cliとbootstrap-colorpickerを使用しています。私は、colorpickerのonchange/oninputメソッドから色を拾いながら値を取得したいと思います。私は入力タイプに直接入力を行う際に

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

この機能は動作します：TSファイルで

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

：

は、ここに私のhtmlコードです。 jQueryメソッドonchangeまたはoninputを使用して、私は価値を得ることができます。しかし、私はangular2の方法を使用したい。

この状況を解決するために私に提案してください。

おかげで、よろしく

Answer 1

あなただけの他の任意の入力

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


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

として [(ngModel)]を使用することができます