bootstrap-colorpicker를 사용하여 angular2의 입력 방법 또는 변경시 값을 얻는 방법?

Question

나는 angular-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

당신은 단지 anyother 입력

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


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

로 [(ngModel)]을 사용할 수 있습니다