Angular – rxjs
Table of Contents
Sources
- https://dev.to/devbyrayray/when-use-rxjs-subject-behavioursubject-replaysubject-asyncsubject-or-void-subject-in-angular-4pn9
- https://fireship.io/lessons/rxjs-basic-pro-tips/
- https://www.htmlgoodies.com/javascript/rxjs-observables-in-angular/
- https://www.djamware.com/post/5da31946ae418d042e1aef1d/angular-8-tutorial-observable-and-rxjs-examples
- https://www.thisdot.co/blog/mapping-returned-http-data-with-rxjs
- https://www.angularjswiki.com/angular/no-provider-for-httpclient/
- https://www.youtube.com/watch?v=NTs-apc4qz4
- https://angular.io/guide/rx-library
Starter-Code
// TEST CODE
// COMING SOON
Snippets
// .page
import { HttpClient } from "@angular/common/http";
import { Observable } from "rxjs";
constructor(private http: HttpClient, private temtemService: TemtemService) { }
// .page
import { HttpClient } from "@angular/common/http";
import { Observable } from "rxjs";
constructor(private http: HttpClient, private temtemService: TemtemService) { }
// .service
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs';
import { Temtem } from 'src/app/models/temtem';
constructor(private http: HttpClient) { }
private url: string = environment.apiTemtemUrl;
public getTemtems(): Observable {
return this.http.get(this.url + "?fields=name,number");
}
public getTemtemDetails(id: number): Observable {
return this.http.get(this.url + "/" + id");
}