Perguntas com a marcação «rxjs»

A única diferença entre Observable.ofe Observable.fromo formato dos argumentos? Como o Function.prototype.calle Function.prototype.apply? Observable.of(1,2,3).subscribe(() => {}) Observable.from([1,2,3]).subscribe(() => {})

153 rxjs 

Gostaria de fechar meu menu suspenso de login quando o usuário clicar em qualquer lugar fora desse menu suspenso e gostaria de fazer isso com o Angular2 e com a "abordagem" do Angular2 ... Eu implementei uma solução, mas realmente não me sinto confiante com ela. Eu acho que deve …

144 javascript  drop-down-menu  angular  rxjs 

Eu recebi um erro de node_modules / rxjs / internal / types.d.ts (81,44): erro TS1005: ';' esperado. após a instalação do Angular 6. Verifique o erro: 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 

Acho que devo estar entendendo mal algo fundamental, porque, na minha opinião, esse deve ser o caso mais básico para um observável, mas, durante toda a minha vida, não consigo descobrir como fazê-lo a partir dos documentos. Basicamente, eu quero ser capaz de fazer isso: // create a dummy observable, …

139 reactive-programming  rxjs 

Eu encontrei algumas implementações de AuthGuards que usam take(1). No meu projeto, eu usei first(). Os dois funcionam da mesma maneira? 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 } …

137 angular  rxjs  angular2-observables 

Na página de documentação do Angular 2 para usar o serviço Http, há um exemplo. getHeroes (): Observable<Stuff[]> { return this.http.get(this.url) .map(this.extractData) .catch(this.handleError); } Clonei o projeto angular2-webpack-starter e adicionei o código acima. Eu importei Observableusando import {Observable} from 'rxjs/Observable'; Estou assumindo que as propriedades Observablesão importadas também ( .mapfunciona). …

127 javascript  angular  typescript  rxjs 

Tenho procurado entender esses 3: Assunto , assunto de comportamento e assunto de repetição . Eu gostaria de usá-los e saber quando e por que, quais são os benefícios de usá-los e embora tenha lido a documentação, assistido tutoriais e pesquisado no google, não consegui entender isso. Então, qual é …

122 javascript  angular  rxjs  reactive-programming  angular2-observables 

Estou tendo um serviço que tem 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()); } } } no …

121 typescript  promise  angular  observable  rxjs 

Eu sei que Redux é uma "implementação" melhor do Flux, ou melhor dizendo, é um redesenho para simplificar as coisas (gerenciamento de estado do aplicativo). Já ouvi muito sobre programação reativa (RxJS), mas ainda não mergulhei para aprender. Então, minha pergunta é: há alguma interseção (algo em comum) entre essas …

113 javascript  rxjs  redux 

Alguém pode dar uma definição clara junto com um exemplo simples que explica o que é um "inferno de callback" para alguém que não conhece JavaScript e node.js? Quando (em que tipo de configurações) ocorre o "problema de retorno de chamada"? Por que isso ocorre? O "inferno de retorno de …

113 javascript  callback  language-lawyer  reactive-programming  rxjs 

Pipes são filtros para transformar dados (formatos) no modelo. Me deparei com a pipe()função abaixo. O que essa pipe()função significa exatamente neste 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 

Eu gostaria de ser capaz de esperar em um observável, por exemplo const source = Rx.Observable.create(/* ... */) //... await source; Uma tentativa ingênua resulta em esperar resolvendo imediatamente e não bloqueando a execução Editar: o pseudocódigo para meu caso de uso pretendido completo é: if (condition) { await observable; …

106 javascript  rxjs  ecmascript-7 

De acordo com este artcle , onCompletee onErrorfunção do subscribesão mutuamente exclusivas. Ou seja, os eventos onErrorou onCompletevão disparar no meu subscribe. Eu tenho um bloco lógico que precisa ser executado se eu receber um erro ou terminar meu fluxo de informações com sucesso. Procurei algo como finallyem python , …

105 javascript  rxjs  rxjs5 

Em uma aplicação angular, temos um ngOnDestroy()gancho de ciclo de vida para um componente / diretiva e usamos esse gancho para cancelar a assinatura dos observáveis. Quero limpar / destruir observáveis ​​que são criados em um @injectable()serviço. Eu vi alguns posts dizendo quengOnDestroy() pode ser usado em um serviço também. …

103 angular  rxjs  observable  angular-services 

Quando executo o linter, ele diz: subscribe is deprecated: Use an observer instead of an error callback Código (de um app angular 7 com angular-cli): this.userService.updateUser(data).pipe( tap(() => {bla bla bla}) ).subscribe( this.handleUpdateResponse.bind(this), this.handleError.bind(this) ); Não sei exatamente o que devo usar e como ... Obrigado!

103 callback  rxjs  deprecated  tslint  subscribe