totoro.component.ts

@Component({
  selector: "app-totoro",
  template: `
    <pre>{{ totoroDetails | json }}</pre>
  `
})
export class TotoroComponent implements OnInit, OnDestroy {
  totoroDetails: string;
  subscription: Subscription<any>;
  constructor(private http: HttpClient) {}
  ngOnInit() {
    subscrition = this.http
      .get(
        "https://ghibliapi.herokuapp.com/films/58611129-2dbc-4a81-a72f-77ddfc1b1b49"
      )
      .subscribe(response => (this.totoroDetails = response.description));
  }

  ngOnDestroy() {
    this.subscription.unsubscribe();
  }
}