Created
June 19, 2023 00:31
-
-
Save Elshaman/d51608da930d724b3c8f0a1fd630e02c to your computer and use it in GitHub Desktop.
RxJS Primer Ejemplo
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { Observable } from 'rxjs' | |
//desclaracion del observable | |
//parametro: un suscriptor | |
const observableAlfa$ = new Observable(subscriber => { | |
//el observable emite una información al suscriptor | |
subscriber.next(1) | |
subscriber.next(2) | |
// con complete, se da por completado el flujo de informacion y a partir de aqui no se emite mas | |
subscriber.complete() | |
subscriber.next(3) | |
subscriber.next("Curso") | |
//se puede emitir cuaquier tipo de informacion | |
subscriber.next({ | |
test: true | |
}) | |
}) | |
// el observador al que le llegará la informacion del observable | |
// todo observador tiene 3 metodos: | |
// - next(lo que se hace unando le llega la siguiente pieza de info desde el observable) | |
// - complete(lo que se hace cuando el onservador invoca el metodo complete) | |
// - error(lo que sucede cuando el observable tiene un error) | |
const observador = { | |
next:(value)=>{ | |
console.log(value) | |
}, | |
complete:()=>{ | |
}, | |
error: (error) =>{ | |
console.log("Error recibido:") | |
console.error(error) | |
} | |
} | |
//el observador se susucribe al observlabel | |
observableAlfa$.subscribe(observador) |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment