如何使用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);
}