Given two sources, one of which might be undefined how can I combineLatest of the two? const observable1 = interval(100); const observable2 = this.ref?.observable; // this is a reference to an angular viewchild that will not exist until some unknown…
I have code like this: get dislpayHello(): boolean { let result = false; console.log('start'); let observable = of(true); observable.subscribe((display) => { console.log('set value'); result = true; }); console.log('finish'); return result; } StackBlitz I always thought that, whatever callback we put…
Below is 2 snippets one with map, and second one with switchMap. The working of map is understandable: of('foo', 'bar') .pipe(map((val) => sanitizer(val))) .subscribe((val) => console.log('value:', val)); function sanitizer(val: string) { return val; } Output: value: foo value: bar Now…
I have been working on an SPA with Angular 16, TypeScript and The Movie Database (TMDB). I have made a component that displays movies by genre: import { Component } from '@angular/core'; import { GenreResponse, Genre } from '../../models/Genre'; import…
The situation is as follows: I have a websocket for communication between app and server. If the websocket were to break I would like to enable backup long polling until the websocket becomes active again. I thought of creating a…
With one Subscriber, an async list showing all items from Observable, what is the most efficient way to temporarily filter results based on user provided search criteria as a string? The component imports TokenService and the template subscribes to tokens:…
setUsersData() and addNewUser() return Observable when finished its job. Even tho this part of the code works fine, function from tap operator wont execute, same if I move the logic to subscribe. Any ideas why it happens ? this.userDataService.setUsersData().pipe( take(1),…
I'm using angular 17 and I'm getting data from my API but after reciving it the template doesn't update and I ca't show my data. My component service where I'm doint my request to the server: import { Injectable }…
I'm fairly new to angular and javascript and building my first angular dashboard app that queries the Azure Devops api to get test results: Query the API to get a filtered list of release definitions (about 100) For each release…
Into a rxjs-Stream i want to conditionaly insert data, a delay and then the original event. from(Array(10).keys()) .pipe( map(i => ({ data: i })), concatMap(e => { if (e.data === 3) { return of(e) .pipe( delay(500), ); } return of(e);…