Información de etiqueta

Respuestas populares con la etiqueta

15 votos

Diferencia entre then, observable y subscribe

Voy a intentar explicar los 3 conceptos: Observable Es una interfaz, prácticamente es la base de la programación reactiva. Puesto que angular hace un uso intenso de esta metodología, conviene ...
Pablo Lozano's user avatar
  • 49.3k
8 votos
Aceptado

¿Cómo puedo ordenar un array de `n` elementos, los cuales se obtienen con `n` peticiones asíncronas?

Puedes usar la función de RxJs forkJoin: import 'rxjs/add/observable/forkJoin'; ... let observables=[]; observables.push(this.http.get(URL1)); observables.push(this.http.get(URL2)); observables.push(...
Pablo Lozano's user avatar
  • 49.3k
8 votos
Aceptado

Diferencia entre arrow function y function normal al llamar al método subscribe Angular

La diferencia entre una función flecha (arrow function) y una normal es el contexto: En las funciones clásicas el contexto se define al llamarlas y en las funciones flechas se define al declararlas. ...
Pablo Lozano's user avatar
  • 49.3k
3 votos
Aceptado

Ignorar valores observable hasta que haya pasado un periodo de tiempo

El operador que buscas es el throttle, este operador ignora los parámetros que le entran durante un tiempo indicado. En el ejemplo utilizo el throttleTime que te permite pasarle directamente el tiempo ...
Jordi Baliellas Portet's user avatar
3 votos

Cambiar color de fondo de un input segun un stream de datos

La solución más fácil e inmediata sería usar setTimeout con clearTimeout. Una vez se recibe un nuevo dato del Subject<>, se pone el estado "activo" (color verde) y empieza a correr un ...
VRoxa's user avatar
  • 3,070
3 votos
Aceptado

do en Angular 6

A partir de la versión 6 de rxjs, hubo grandes cambios ahí el porque de tu problema. Varios operadores cambiaron de nombre, porque coincidían con los de JavaScript, como por ejemplo: do => tap ...
Federico Madoery's user avatar
3 votos
Aceptado

Detectar cambios de un router en angular

Te deberías subscribir en el ngOnInit, o en el constructor, yo la función que uso para detectar los cambios de ruta es el router.events y filtrando por NavigationEnd. Y no esta mal que te desuscribas ...
Eduardo Jaramillo Licea's user avatar
2 votos

¿Cómo reiniciar el timer de RxJS?

Puede hacer algo como esto: inscribir: any; onComenzar() { const source = timer(0, 1000); this.inscribir = source.subscribe(val => this.tiempo = val); } onDetener() { this....
Diana's user avatar
  • 61
2 votos

¿Cómo determinar la ruta anterior en Angular?

El problema que pareces tener es debido a cómo ha evolucionado la librería RxJS. Esta librería es usada por Angular desde sus inicios, pero conforme nuevas versiones de Angular eran publicadas, las ...
Pablo Lozano's user avatar
  • 49.3k
2 votos
Aceptado

Uso del Método GET correctamente en Ionic 3

Por lo que veo estas tratando de acceder a las propiedades con nombres incorrectos, en tu interfaz cámbiala por lo siguiente debido a que así vienen los datos de el servicio: interface ISTodoItem { ...
Sergio López's user avatar
2 votos

La propiedad 'map' no existe en el tipo 'Observable<User>'

En las nuevas versiones de rxjs (actualmente la 6) si que puedes importar tanto observables como operadores utilizando una misma ruta de import. Sin importar la carga que supondría al rendimiento de ...
GuiRoCo's user avatar
  • 21
2 votos

retornar valor booleano de un observable

Primero debes de entender sobre contextos asíncronos. this.auth.autenticacion(this.auth.getToken()).**subscribe(data=>{ if(data.data.token==this.auth.getToken()){ bool=true; }...
Miguel Rijo Martínez's user avatar
2 votos
Aceptado

¿Se puede, a partir de un observable en angular, hacer un .map (o algún otro método) y obtener un arreglo con solo una propiedad?

Dejemos claro primero que la clase Observable no es de Angular, sino de una librería que Angular usa llamada RxJS. Las últimas versiones de RxJS han pasado de usar métodos en la clase Observable a ...
Pablo Lozano's user avatar
  • 49.3k
2 votos
Aceptado

¿Se puede retornar un observable dentro de otro observable? Angular

El problema es que el método getAll no está devolviendo nada. El código de ese método: getAll(FakeID) { this._Salas.getRealID(FakeID).subscribe(resp => { if (resp.length >= 1) { ...
Pablo Lozano's user avatar
  • 49.3k
2 votos

¿ Que hace el operador creador ' Of ' exactamente en Rxjs?

of() toma como parámetro una secuencia de elementos y devuelve un observable que emite cada elemento de la secuencia tal cual como se recibió. from() transforma arreglos, observables, iterables o ...
Lobos's user avatar
  • 16.2k
2 votos
Aceptado

RxJS - Diferencia entre reduce() y scan()

Cuando usas scan(), vos aplicas la función a todos los valores sucesivamente hasta el último y los vas emitiendo. Con reduce(), solo lo aplicas al último y lo emitís ese solo. Acá se ve mejor la ...
380086m's user avatar
  • 36
2 votos
Aceptado

Cambiar color de fondo de un input segun un stream de datos

Puedes utilizar setInterval para lograr lo que deseas. iniciarSuscripcion() { this.intervalo = setInterval(() => { if (this.contador >= this.tiempoDeComprobacionesEnSegundos) { ...
Legna's user avatar
  • 6,561
2 votos

Como devolver un observable en Angular 2

Utiliza un array asociativo y si ya existe el código devuelve el valor del índice según el código ya almacenado en el, sino créalo, insértalo y retórnalo. import { EventEmitter, Injectable } from '@...
dddenis's user avatar
  • 3,993
2 votos
Aceptado

¿Porque no se renderiza mi data luego de hacer un unsubcrite en el ngAfterContentInit() de angular?

El problema es que no das tiempo a obtener las respuestas: Te suscribes a N observables y justo después cancelas las suscripciones. La solución es esperar a obtener las respuestas: loadDescription() ...
Pablo Lozano's user avatar
  • 49.3k
2 votos

Con Angular y RXJS hacer llamada a pagina web con httpClient y esperar a que termine para recibir un valor y usarlo en otra llamada httpClient

siempre puedes hacer lo siguiente (quick and dirty ionViewWillEnter(){ let idTema: string = ""; this.servicioClikear.obtenerTema() .subscribe(resultado => { // si ...
LPZadkiel's user avatar
  • 2,719
2 votos
Aceptado

No funciona take() al hacer una petición http en Angular

En tu código se está aplicando take() al observable de la petición http y no al arreglo que se desea filtrar. Para filtrar los datos del arreglo se debe convertir ese arreglo en un observable: this....
Lobos's user avatar
  • 16.2k
2 votos
Aceptado

Angular Reutilizar una función en todos los componentes

La verdad es que para hacer lo que quieres, debes hacer uso del await y async para el manejo sincrónico que deseas, pero hay que tener varias cosas en cuenta, ya que al hacer esto, en Angular la ...
jGomez's user avatar
  • 1,502
1 voto
Aceptado

Observables de Alto Nivel RXJS - Obtener información de dos fuentes de datos

Después de romperme mucho la cabeza, he conseguido que el código funcione. Adjunto el código completo totalmente funcional: Código HTML: <!doctype html> <html lang="en"> <...
Antonio U.'s user avatar
1 voto

¿cual sería la mejor forma de mostrar la información de un arreglo obtenido de una API en Angular?

Encontré un operador llamado pluck el cuál extrae la propiedad del objetó, así que el código de mi servicio quedó así: import { Injectable } from '@angular/core'; import { HttpClient, HttpParams } ...
JulianProg's user avatar
  • 1,063
1 voto
Aceptado

Error al intentar llamar a mi api de node con mi frontend con angular

A partir del 2018 la configuración de CORS y cabeceras es obligatorio tanto en el back como en el front (por la vulnerabilidad Spectre), para hacerlo funcionar localmente puedes intentar con un proxy ...
Marco Izaguirre's user avatar
1 voto
Aceptado

¿Porque el modal al que paso un objeto en un ngFor para en un @input de Angular solo toma el primer dato que le paso y este replica a los demás?

Estas creando un modal propio para cada empresa pero con el mismo id para todos <div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="...
Xhulian's user avatar
  • 168
1 voto
Aceptado

Mandar stream de datos a inputs dentro de un ngFor

De la misma forma que a cada componente app-cajavalores le incorporas un contenido para el label, podrías tambien entregarle el valor para el input: <app-cajavalores [valor]="valores[i]" *...
Klaimmore's user avatar
  • 4,040
1 voto
Aceptado

¿Como retornar un objeto usando switchMap de rxjs en Angular 2+?

En este caso podrías regresar un Observable en el método buscarCliente como te comentaron, con esto seria suficiente buscarCliente(buscar: string) { return this.afs.collection('entradas', ref =>...
Xhulian's user avatar
  • 168
1 voto

¿Dónde implementar la lógica de un observable?

Por lo general un servicio solo debería retornar Observables y el componente consumir el Observable haciendo el subscribe y el unsubscribe, pero todo depende del contexto donde se aplique. A grandes ...
Xhulian's user avatar
  • 168
1 voto

Complete de un Observable en Angular

Puedes usar la funcion pipe y luego un subscribe para obtener los datos y mandarlos a tu vista this._Peticiones.getUser().pipe( mergeMap(data => { this.listUsers = ...
information's user avatar
  • 6,460

Only top scored, non community-wiki answers of a minimum length are eligible