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 ...
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(...
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. ...
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 ...
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 ...
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
...
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 ...
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....
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 ...
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 {
...
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 ...
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;
}...
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 ...
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) {
...
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 ...
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 ...
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) {
...
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 '@...
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() ...
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 ...
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....
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 ...
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">
<...
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 } ...
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 ...
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="...
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]"
*...
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 =>...
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 ...
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 = ...
Only top scored, non community-wiki answers of a minimum length are eligible
Etiquetas relacionadas
rxjs × 78angular × 63
typescript × 27
observable × 19
javascript × 18
ionic × 5
nodejs × 4
angular5 × 3
html × 2
api × 2
promesas × 2
servicio × 2
ionic3 × 2
websocket × 2
pipe × 2
android × 1
css × 1
ajax × 1
angularjs × 1
regex × 1
formularios × 1
express × 1
http × 1
objeto × 1
javascript-objeto × 1