rxjs

问题 In my Angular 7 application, I have a service that is used to track active user tasks. In the service, a timer runs every second to check if any tasks still haven't been completed within 30 seconds. If any tasks are found to have expired, the task is emitted via an event emitter on the service to be handled elsewhere. This all works when the app is running in a browser, but when I try to write a unit test to test the behavior in a fakeAsync environment, tick(X) does not advance the time ( or

问题 Below is an action that dispatches a load action to the store. The corresponding effect will handle the request and sends back the response items. But What I want is I want to toggle the below action with a button. So if I press start it will start dispatching actions every 1 s and if I press pause, it will pause dispatching and again If I press start it will continue from where it left, and repeats so... How can I toggle such an action? let date = 1587513626000; // date is required because

问题 I've got an issue testing a failed action on my effects. To give a bit of context here loadProducts effect is executed when the Load action is called. Inside the effect an HTTP request is performed, in case this request is executed successfully the LoadSuccess action is called, otherwise LoadFail is called. Code here bellow @Effect() loadProducts$ = this.actions$.pipe( ofType(productActions.ProductActionTypes.Load), mergeMap((action: productActions.Load) => this.productService.getProducts()

问题 A very common problem when using RxJs seems to be to want the result of one or more observables to then use them in subsequent ones. e.g. in pseudo-code (This is not rx or valid js syntax deliberately) var someResult = $observable-A; // wait to complete var finalResult = $observable-B(someResult.aValueINeed); This can be done in an ugly way where you could subscribe to both and call one inside the other.. however, this is very messy and doesn't afford you much flexibility. e.g. (real syntax)

问题 I have problems understand the execution model/order of RxJS Observables and Subjects. I read a lot of literature and blog posts about RxJS observables being the better promise since their subscription can be canceled and they can emit multiple results/values via next() . This question might be answered easily but how does RxJS create or simulate asynchronism? Does RxJS Observables wrap around promises and create a sequence of promises to make the code execution asynchronous? Or is it because

问题 While trying to do a HTTP Post request I am receiving the following error: auth.service.ts?c694:156 Something went wrong requesting a new password, error message: You provided 'undefined' where a stream was expected. You can provide an Observable, Promise, Array, or Iterable. The Http request is preceded by another one, which works perfectly fine. My component calling the service: requestNewPassword(formInput: NgForm) { if(formInput.controls['email'].value != '') this.authService

问题 just as the title says, I want to embrace the power of rxjs Observables. What I do now: // dataview.html <div *ngIf="isLoading">Loading data...div> <ul *ngIf="!isLoading"> <li *ngFor="let d of data">{{ d.value }}</li> </ul> // dataview.ts data: any[] = []; isLoading: boolean = false; getData() { this.isLoading = true; this._api.getData().subscribe( data => { this.data = data; this.isLoading = false; }, error => { this.error = error; this.isLoading = false; }); } What I want to do: 1. Use

问题 just as the title says, I want to embrace the power of rxjs Observables. What I do now: // dataview.html <div *ngIf="isLoading">Loading data...div> <ul *ngIf="!isLoading"> <li *ngFor="let d of data">{{ d.value }}</li> </ul> // dataview.ts data: any[] = []; isLoading: boolean = false; getData() { this.isLoading = true; this._api.getData().subscribe( data => { this.data = data; this.isLoading = false; }, error => { this.error = error; this.isLoading = false; }); } What I want to do: 1. Use

问题 I'm converting my angular6 app to a pwa and facing some troubles. When I run the app with ng serve, everythings works fine. When I publish the app or run with ng serve --prod, the app open but fails to load the login screen with an error in the console "ReferenceError: Subscription is not defined". The error is comming from "SubjectSubscription.js.pre-build-optimizer.js" here is my tsconfig.json { "compileOnSave": false, "compilerOptions": { "moduleResolution": "node", "target": "es6",

问题 I'm converting my angular6 app to a pwa and facing some troubles. When I run the app with ng serve, everythings works fine. When I publish the app or run with ng serve --prod, the app open but fails to load the login screen with an error in the console "ReferenceError: Subscription is not defined". The error is comming from "SubjectSubscription.js.pre-build-optimizer.js" here is my tsconfig.json { "compileOnSave": false, "compilerOptions": { "moduleResolution": "node", "target": "es6",