角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)); 
    }