DEV Community

Oscar D. Melo Ch.
Oscar D. Melo Ch.

Posted on • Edited on

Observables Angular Jxjs

Un objeto observable es aquel en el cual los cambios realizados pueden estar siendo monitoreados en tiempo real y Asíncrono, dado que el programa sigue ejecutándose a la espera de cambios en el objeto que esta siendo observado.
Por otra parte los objetos son monitoreados por los observadores, estos observadores pueden llevar código el cual se ejecutara dependiendo los requerimientos. El objeto observable puede estar siendo observado por uno o mas observadores, los cuales antes se deben suscribir.

Observables angular

Pasos para crear un objeto observable.

  1. importamos la clase "observable" y y la función "of" de rxjs
import {Observable} from 'rxjs';
import {of} from 'rxjs';
Enter fullscreen mode Exit fullscreen mode
  1. Creamos un metodo para acceder al objeto. Este metodo retorna el observable en Stream() y se le debe especificar el objeto que se desea observar.
  getClientes():Observable<Cliente[]>{
    return of(CLIENTES);
  }
Enter fullscreen mode Exit fullscreen mode

Pasos para un que un observador se suscriba al observable.

  1. Acceder al método
  2. Al ser un observable, podemos acceder al método subscribe.
  3. En una función, recibir el dato y escribir el código según las necesidades. (usar la función flecha).
clientes.getClientes().subscribe(
           (clientes) => {
                return (/*code*/);
           }
        );
Enter fullscreen mode Exit fullscreen mode

Top comments (2)

Collapse
 
marianorenteria profile image
Mariano Rentería

Estaría increible que utilizaras el hashtag #spanish

Collapse
 
oscarmc profile image
Oscar D. Melo Ch.

Gracias por la observación, no lo tuve en cuenta pero ya lo añadí.