Angular 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

我解决了。

模板：

$data = DB::table('customer_datas')
    ->where('field_name', 'first_name')
    ->orderBy('field_data', 'desc')
    ->get();

然后在组件中：

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