각도 4 - 이벤트를 관찰 가능한 스트림으로 변환

Question

저는 Rxjs와 Angular 4를 처음 사용하기 때문에이를 수행하는 방법에 관해 머리를 쓸 수 없습니다.

는 틀 :

<div class="btn-group cp"> 
    <input [colorPicker]="bgColor" 
    (colorPickerChange)="colorChanged()" 
    [style.background]="bgColor"> 
</div> 

colorChanged은() MouseMove 이벤트에 colorPickerChnage에 의해 불려갑니다. 내 구성 요소에서이 같은 것을 갖고 싶어 :

colorChanged$.subscribe(data => console.log(data)) 

이 (내가 관찰로 그것을 가지고 싶은 이유는 일부 디 바운스 및 더 많은 가입자를해야합니다, 즉이다.) 나는 그것을 해결

Answer 1

.

템플릿 :

<div class="btn-group cp"> 
    <input [colorPicker]="bgColor" 
    (colorPickerChange)="colorChanged(bgColor)" 
    [style.background]="bgColor"> 
</div> 

그리고 다음 구성 요소 :

import { Subject } from 'rxjs'; 

    colorChanged$ = new Subject<string>(); 

    colorChanged(bgColor) { 
    this.colorChanged$.next(bgColor) 
    } 

    ngOnInit() { 
    this.colorChanged$.subscribe(v => console.log(v)); 
    }