Preguntas etiquetadas con rxjs

¿Es la única diferencia entre Observable.ofy Observable.fromel formato de los argumentos? ¿Te gusta el Function.prototype.cally Function.prototype.apply? Observable.of(1,2,3).subscribe(() => {}) Observable.from([1,2,3]).subscribe(() => {})

153 rxjs 

Me gustaría cerrar mi menú desplegable de inicio de sesión cuando el usuario haga clic en cualquier lugar fuera de ese menú desplegable, y me gustaría hacerlo con Angular2 y con el "enfoque" de Angular2 ... He implementado una solución, pero realmente no me siento seguro con ella. Creo que …

144 javascript  drop-down-menu  angular  rxjs 

Recibí un error de node_modules / rxjs / internal / types.d.ts (81,44): error TS1005: ';' esperado. después de la instalación de Angular 6. Comprueba el error: ERROR in node_modules/rxjs/internal/types.d.ts(81,44): error TS1005: ';' expected. node_modules/rxjs/internal/types.d.ts(81,74): error TS1005: ';' expected. node_modules/rxjs/internal/types.d.ts(81,77): error TS1109: Expression expected.

143 angular  typescript  build  installation  rxjs 

Creo que debo estar malentendiendo algo fundamental, porque en mi opinión, este debería ser el caso más básico para un observable, pero durante mi vida no puedo encontrar la manera de hacerlo desde los documentos. Básicamente, quiero poder hacer esto: // create a dummy observable, which I would update manually …

139 reactive-programming  rxjs 

Encontré algunas implementaciones de AuthGuards que usan take(1). En mi proyecto, solía first(). ¿Ambos funcionan de la misma manera? import 'rxjs/add/operator/map'; import 'rxjs/add/operator/first'; import { Observable } from 'rxjs/Observable'; import { Injectable } from '@angular/core'; import { CanActivate, Router, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router'; import { AngularFire } from 'angularfire2'; …

137 angular  rxjs  angular2-observables 

En la página de documentación de Angular 2 para usar el servicio Http, hay un ejemplo. getHeroes (): Observable<Stuff[]> { return this.http.get(this.url) .map(this.extractData) .catch(this.handleError); } Cloné el proyecto angular2-webpack-starter y agregué el código anterior. Importé Observableusando import {Observable} from 'rxjs/Observable'; Supongo que las propiedades también Observablese importan ( .mapfunciona). Miró …

127 javascript  angular  typescript  rxjs 

He estado buscando entender esos 3: Asunto , Asunto de comportamiento y Asunto de repetición . Me gustaría usarlos y saber cuándo y por qué, cuáles son los beneficios de usarlos y, aunque he leído la documentación, he visto tutoriales y he buscado en Google, no he podido entender esto. …

122 javascript  angular  rxjs  reactive-programming  angular2-observables 

Tengo un servicio que tiene este método: export class TestModelService { public testModel: TestModel; constructor( @Inject(Http) public http: Http) { } public fetchModel(uuid: string = undefined): Observable<string> { if(!uuid) { //return Observable of JSON.stringify(new TestModel()); } else { return this.http.get("http://localhost:8080/myapp/api/model/" + uuid) .map(res => res.text()); } } } en el …

121 typescript  promise  angular  observable  rxjs 

Sé que Redux es una mejor "implementación" de Flux, o mejor dicho, es un rediseño para simplificar las cosas (administración del estado de la aplicación). He escuchado mucho sobre la programación reactiva (RxJS), pero aún no me he sumergido para aprenderlo. Entonces mi pregunta es: ¿hay alguna intersección (algo en …

113 javascript  rxjs  redux 

¿Alguien puede dar una definición clara junto con un ejemplo simple que explique qué es un "infierno de devolución de llamada" para alguien que no conoce JavaScript y node.js? ¿Cuándo (en qué tipo de configuración) ocurre el "problema del infierno de devolución de llamada"? ¿Por qué ocurre? ¿El "infierno de …

113 javascript  callback  language-lawyer  reactive-programming  rxjs 

Las tuberías son filtros para transformar datos (formatos) en la plantilla. Encontré la pipe()función de la siguiente manera. ¿Qué significa pipe()exactamente esta función en este caso? return this.http.get<Hero>(url) .pipe( tap(_ => this.log(`fetched hero id=${id}`)), catchError(this.handleError<Hero>(`getHero id=${id}`)) );

109 angular  rxjs  angular-pipe  rxjs-pipe 

Me gustaría poder esperar en un observable, p. Ej. const source = Rx.Observable.create(/* ... */) //... await source; Un intento ingenuo da como resultado que la espera se resuelva de inmediato y no bloquee la ejecución. Editar: El pseudocódigo para mi caso de uso previsto completo es: if (condition) { …

106 javascript  rxjs  ecmascript-7 

De acuerdo con este artículo , onCompletey la onErrorfunción de los subscribeson mutuamente excluyentes. Es decir, onErroro los onCompleteeventos se dispararán en mi subscribe. Tengo un bloque lógico que debe ejecutarse si recibo un error o si termino mi flujo de información con éxito. Busqué algo como finallyen Python , …

105 javascript  rxjs  rxjs5 

Creo que tengo el concepto base, pero hay algunas oscuridades Entonces, en general, así es como uso un observable: observable.subscribe(x => { }) Si quiero filtrar datos, puedo usar esto: import { first, last, map, reduce, find, skipWhile } from 'rxjs/operators'; observable.pipe( map(x => {return x}), first() ).subscribe(x => { …

104 angular  rxjs  rxjs5 

En una aplicación angular, tenemos un ngOnDestroy()gancho de ciclo de vida para un componente / directiva y usamos este gancho para cancelar la suscripción de los observables. Quiero claros / destructores observables que se crean en un @injectable()servicio. Vi algunas publicaciones que decían que también ngOnDestroy()se puede usar en un …

103 angular  rxjs  observable  angular-services