Twitter bootstrap 如何使用bootstrap colorpicker在angular2中获取更改或输入方法的值？

我正在使用angular cli和引导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>

当我直接在输入类型中进行输入时，此函数起作用。使用jQuery方法onchange或oninput，我能够获得值。但我想用angular2的方式

请建议我解决这个问题

感谢并问候

您可以像使用任何其他输入一样使用

[（ngModel）]

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


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

测试（）{
console.log（this.colorCode）；
}

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


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