Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
@Component({
selector: 'app-example-normal',
templateUrl: './example-normal.component.html',
styleUrls: ['./example-normal.component.css']
})
export class ExampleNormalComponent implements OnInit, OnDestroy {
people: People;
planet: Planet;
private subPeople: Subscription;
private subPlanet: Subscription;
constructor(private http: HttpClient) {}
ngOnInit() {
this.subPeople = this.http
.get<People>('https://swapi.co/api/people/1/')
.subscribe((data: People) => {
this.people = data;
});
this.subPlanet = this.http
.get<Planet>('https://swapi.co/api/planets/3/')
.subscribe((data: Planet) => {
this.planet = data;
});
}
ngOnDestroy() {
if (this.subPeople) {
this.subPeople.unsubscribe();
}
if (this.subPlanet) {
this.subPlanet.unsubscribe();
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.