Bileşen ve direktif çıktıları ile RxJS birlikte çalışması

@angular/rxjs-interop paketi, bileşen ve direktif çıktılarıyla ilgili iki API sunar.

Bir RxJS Observable'a dayalı çıktı oluşturma

outputFromObservable, bir RxJS observable'a dayalı olarak yayın yapan bir bileşen veya direktif çıktısı oluşturmanıza olanak tanır:

import {Directive} from '@angular/core';
import {outputFromObservable} from '@angular/core/rxjs-interop';

@Directive({
  /*...*/
})
class Draggable {
  pointerMoves$: Observable<PointerMovements> = listenToPointerMoves();

  // `pointerMoves$` her yayın yaptığında, `pointerMove` olayı tetiklenir.
  pointerMove = outputFromObservable(this.pointerMoves$);
}

outputFromObservable fonksiyonunun Angular derleyicisi için özel bir anlamı vardır. outputFromObservable'ı yalnızca bileşen ve direktif özellik başlatıcılarında çağırabilirsiniz.

Çıktıya subscribe olduğunuzda, Angular aboneliği otomatik olarak temel observable'a yönlendirir. Angular, bileşen veya direktif yok edildiğinde değerleri yönlendirmeyi durdurur.

Bir bileşen veya direktif çıktısından RxJS Observable oluşturma

outputToObservable fonksiyonu, bir bileşen çıktısından RxJS observable oluşturmanıza olanak tanır.

import {outputToObservable} from '@angular/core/rxjs-interop';

@Component(/*...*/)
class CustomSlider {
    valueChange = output<number>();
}

// `CustomSlider` örnek referansı.
const slider: CustomSlider = createSlider();

outputToObservable(slider.valueChange) // Observable<number>
    .pipe(...)
    .subscribe(...);