Category : observable

Called to api cancelled status

     angular, http, observable, typescript

I need to call this api: insertATT(id: string, name: string, file: File): Observable<Object[]> { const httpOptions = { } const formData = new FormData(); formData.append(‘id’, id); if (Utility.isNotNull(file[0])) { formData.append(‘n1’, name); formData.append(‘f1’, file); } return this.http.post(‘insert’, formData, httpOptions).pipe(map( (response: Object[]) => {console.log(response); return response }, ), catchError((error) => { return throwError(error); })); } The call: ..

Read more

How to "combine" 3 or more Observables?

     angular, javascript, observable, typescript

I have these 3 Observables from 3 different Services (3 API calls): this.gs.getLocationName().subscribe((loc) => this.locationName = loc); this.gs.getLocationInfo(this.locationName).subscribe((data) => { this.lat = data.results.geometry.location.lat; this.lon = data.results.geometry.location.lng; }); this.ws.getWeatherByCoordinates(this.lat, this.lon).subscribe((data) => …); As you can see it depends on the previous Observable, so I want to run them one by one. I know how to "combine" ..

Read more

Unable to assign Observable data to class variable in Angular 11 ( eg. inside http.get().subscribe(…))

     angular, observable, rxjs

This is my first Angular project and I can’t assign data retrieved from the http.get().subscribe(…) method to my component class variable. My component: … export class LeafletMapComponent implements OnInit, AfterViewInit { allData constructor(private ps: PeopleService, private NgZone: NgZone) {} ngAfterViewInit(): void { console.log(this.allData) **DOESN’T WORK** } ngOnInit(): void { this.ps.httpGetData().subscribe( data => { this.data= data ..

Read more

Unable to assign data to class variable from the httpCilent Module in Angular 11 ( eg. inside http.get().subscribe(…))

     angular, observable, rxjs

this is my first Stack Overflow post so bare with me if I formatted anything incorrectly. This is my first Angular project and I can’t assign data retrieved from the http.get().subscribe(…) method to my component class variable. My component: … export class LeafletMapComponent implements OnInit, AfterViewInit { data constructor(private ps: PeopleService, private NgZone: NgZone) {} ..

Read more

Getting error making a API call(using mergeMap) from the result array of forkJoin and need the combinedResult in Angular

     angular, javascript, observable, rxjs, rxjs-observables

Currently I am making 3 different API calls which are below like this:- //API Call1 getUserById(id){ return this.http .get(`${environment.userAPI}/user/${Id}`, { headers: this.headers }) .pipe( catchError(err => { return throwError(this.errorHandler.handleError(err)); }), ); } //API Call 2:- getTeamById(id){ return this.http .get(`${environment.TEAM_API}/team/${Id}`, { headers: this.headers }) .pipe( catchError(err => { return throwError(this.errorHandler.handleError(err)); }), ); }; ////API Call 3:- ..

Read more

angular mutiple observable guard dont run with ordering

     angular, auth-guard, observable, routes

hi i have two guard in my routing. my first guard is like below code canActivate( route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<boolean | UrlTree> | Promise<boolean | UrlTree> | boolean | UrlTree { const token = localStorage.getItem(‘token’); if (token) { if (this.authStore.getUserValue()) { this.user = this.authStore.getUserValue(); return true; } else { return new Promise((resolve, reject) => ..

Read more