«rxjs» 태그된 질문

Reactive Extensions for JavaScript (RxJS)는 관찰 가능한 컬렉션 및 Array Extras 스타일 구성을 사용하여 비동기 및 이벤트 기반 프로그램을 구성하기위한 라이브러리 세트입니다.

10
Observable 구독이있는 함수에서 값을 반환하는 방법은 무엇입니까?
Observable이있는 함수에 의해 반환되도록 Observable에서 값을 추출하는 방법을 모르겠습니다. 반환 할 값만 있으면됩니다. 작동하는 현재 버전 function getValueFromObservable() { this.store.subscribe( (data:any) => { console.log(data) } ) } getValueFromObservable() 이 기능이 작동하고 값을 반환하는 기능이 필요합니다. function getValueFromObservable() { this.store.subscribe( (data:any) => { return data } ) } console.log(getValueFromObservable()) 내가 여기서 …

1
TypeScript를 사용하여 Angular2의 http 데이터에서 RxJS Observables 연결
저는 지난 4 년 동안 AngularJS 1. *를 즐겁게 작업 한 후 현재 Angular2와 TypeScript를 가르치려고 노력하고 있습니다! 나는 그것을 싫어한다는 것을 인정해야하지만 내 유레카 순간이 곧 다가오고 있다고 확신합니다 ... 어쨌든 JSON을 제공하는 전화 백엔드에서 http 데이터를 가져 오는 더미 앱에 서비스를 작성했습니다. import {Injectable} from 'angular2/core'; import {Http, …

10
flatMap을 사용해야하는 이유는 무엇입니까?
RxJS를 사용하기 시작했는데이 예제에서 왜 flatMap또는 같은 함수를 사용해야하는지 이해가 안됩니다 concatAll. 여기 배열 배열은 어디에 있습니까? var requestStream = Rx.Observable.just('https://api.github.com/users'); var responseMetastream = requestStream .flatMap(function(requestUrl) { return Rx.Observable.fromPromise(jQuery.getJSON(requestUrl)); }); responseMetastream.subscribe(url => {console.log(url)}) 누군가가 무슨 일이 일어나고 있는지 시각적으로 설명 할 수 있다면 매우 도움이 될 것입니다.
94 javascript  rxjs 

4
구독이 더 이상 사용되지 않음 : 오류 콜백 대신 관찰자를 사용하십시오.
linter를 실행하면 다음과 같이 표시됩니다. subscribe is deprecated: Use an observer instead of an error callback 코드 (angular-cli가있는 angular 7 앱에서) : this.userService.updateUser(data).pipe( tap(() => {bla bla bla}) ).subscribe( this.handleUpdateResponse.bind(this), this.handleError.bind(this) ); 무엇을 어떻게 사용해야하는지 정확히 모르겠습니다 ... 감사!

3
RxJS 맵 연산자 (각도)에서 오류를 발생시키는 방법
조건에 따라 Observable의 맵 연산자 에서 오류를 던지고 싶습니다 . 예를 들어 올바른 API 데이터가 수신되지 않은 경우. 다음 코드를 참조하십시오. private userAuthenticate( email: string, password: string ) { return this.httpPost(`${this.baseApiUrl}/auth?format=json&provider=login`, {userName: email, password: password}) .map( res => { if ( res.bearerToken ) { return this.saveJwt(res.bearerToken); } else { // …

10
하나의 Observable 시퀀스가 ​​방출하기 전에 다른 시퀀스가 ​​완료 될 때까지 기다리는 방법은 무엇입니까?
다음 Observable과 같이. var one = someObservable.take(1); one.subscribe(function(){ /* do something */ }); 그런 다음 두 번째가 있습니다 Observable. var two = someOtherObservable.take(1); 지금, 나는 원하는 subscribe()에 two,하지만 난이 있는지 확인하려면 one전과 완료 two가입자가 발생합니다. two두 번째가 첫 번째가 완료 될 때까지 기다리도록하려면 어떤 종류의 버퍼링 방법을 사용할 수 있습니까? …

4
ngFor 및 Async Pipe Angular 2와 함께 Observable Object의 배열 사용
Angular 2에서 Observable을 사용하는 방법을 이해하려고합니다.이 서비스가 있습니다. import {Injectable, EventEmitter, ViewChild} from '@angular/core'; import {Observable} from "rxjs/Observable"; import {Subject} from "rxjs/Subject"; import {BehaviorSubject} from "rxjs/Rx"; import {Availabilities} from './availabilities-interface' @Injectable() export class AppointmentChoiceStore { public _appointmentChoices: BehaviorSubject<Availabilities> = new BehaviorSubject<Availabilities>({"availabilities": [''], "length": 0}) constructor() {} getAppointments() { return this.asObservable(this._appointmentChoices) …

19
rxjs / Subject.d.ts 오류 : 'Subject <T>'클래스가 기본 클래스 'Observable <T>'를 잘못 확장합니다.
이 튜토리얼 에서 샘플 템플릿 코드를 추출 하고 시작하기 위해 아래 두 단계를 수행했습니다. npm install // worked fine and created node_modules folder with all dependencies npm start // 아래 오류로 실패했습니다. node_modules/rxjs/Subject.d.ts(16,22): error TS2415: Class 'Subject&lt;T&gt;' incorrectly extends base class 'Observable&lt;T&gt;'. Types of property 'lift' are incompatible. Type '&lt;T, …

4
RxJS Observables의 Promise.all 동작?
Angular 1.x에서는 때때로 여러 http요청을하고 모든 응답을 처리해야합니다. 나는 모든 약속을 배열에 던지고 Promise.all(promises).then(function (results) {...}). Angular 2 모범 사례는 RxJS Observable를 http요청의 약속을 대체 하는 용도로 사용하는 것으로 보입니다 . http 요청에서 생성 된 두 개 이상의 다른 Observable이있는 경우 해당 항목이 Promise.all()있습니까?

10
토큰 새로 고침 후 Angular 4 인터셉터 재시도 요청
안녕하세요 저는 새로운 각도 인터셉터를 구현 401 unauthorized하고 토큰을 새로 고치고 요청을 다시 시도하여 오류를 처리하는 방법을 알아 내려고합니다 . 이것은 내가 따라온 가이드입니다 : https://ryanchenkie.com/angular-authentication-using-the-http-client-and-http-interceptors 실패한 요청을 성공적으로 캐싱하고 토큰을 새로 고칠 수 있지만 이전에 실패한 요청을 다시 보내는 방법을 알 수 없습니다. 또한 현재 사용중인 리졸버와 함께 작동하도록하고 …

3
Rxjs : Observable.combineLatest 대 Observable.forkJoin
Observable.combineLatest과의 차이점이 무엇인지 궁금 Observable.forkJoin하십니까? 내가 볼 수있는 한, 유일한 차이점은 forkJoinObservable이 완료 될 것으로 예상 combineLatest하고 최신 값 을 반환한다는 것입니다.
84 rxjs  rxjs5 


8
promise.then ()과 동일한 RxJS 시퀀스?
나는 약속을 가지고 많은 것을 개발하곤했고 지금은 RxJS로 이동하고 있습니다. RxJS의 문서는 프라 미스 체인에서 옵저버 시퀀스로 이동하는 방법에 대한 명확한 예를 제공하지 않습니다. 예를 들어, 저는 보통 다음과 같이 여러 단계로 프로 미스 체인을 작성합니다. // a function that returns a promise getPromise() .then(function(result) { // do something }) …
84 javascript  rxjs 

4
자식은 Angular 2에서 부모 이벤트를 수신합니다.
Angular 문서에는 부모의 자식 이벤트 수신에 대한 주제가 있습니다. 괜찮아. 하지만 내 목적은 반대입니다!. 내 앱에는 관리자 페이지의 레이아웃보기 (사이드 바 메뉴, 작업 표시 줄, 상태 등)를 보유하는 'admin.component'가 있습니다. 이 상위 구성 요소에서는 관리자의 다른 페이지간에 기본보기를 변경하기 위해 라우터 시스템을 구성했습니다. 문제는 변경 후 항목을 저장하고 사용자가 작업 …

9
Angular2에서 구독을 취소하는 방법
Angular2에서 구독을 어떻게 취소합니까? RxJS에 처리 방법이있는 것 같지만 액세스 방법을 알 수 없습니다. 그래서 다음과 같이 EventEmitter에 대한 액세스 권한이 있고 구독하는 코드가 있습니다. var mySubscription = someEventEmitter.subscribe( (val) =&gt; { console.log('Received:', val); }, (err) =&gt; { console.log('Received error:', err); }, () =&gt; { console.log('Completed'); } ); 어떻게 사용할 …

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.