Adding API request

import { Component, OnInit } from '@angular/core';import { HttpClient } from '@angular/common/http';...import { Quote } from '../quote-class/quote';....export class GoalComponent implements OnInit {    goals:Goal[];  alertService:AlertService;  quote:Quote;....  constructor(goalService:GoalService, alertService:AlertService, private http:HttpClient) {    this.goals = goalService.getGoals()    this.alertService = alertService;  }  ngOnInit() {    interface ApiResponse{      author:string;      quote:string;    }    this.http.get<ApiResponse>("http://quotes.stormconsultancy.co.uk/random.json").subscribe(data=>{      // Succesful API request      this.quote = new Quote(data.author, data.quote)    })  }}

Source: moringaschool.instructure.com

Similar codes

1 vote263 views1 answer
Check if document exists mongodb python
TypeScript
0 vote349 views1 answer
If you meant to render a collection of children use an array instead
TypeScript
2 votes279 views2 answers
Cannot use JSX unless the '--jsx' flag is provided.ts(17004)
TypeScript
0 vote270 views1 answer
Java sort arraylist of objects by field descending
TypeScript
8 votes263 views5 answers
Documents ready deprecated
TypeScript
2 votes275 views1 answer
Reactive form programmatically set value
TypeScript
30 votes272 views10 answers
Google Translate
TypeScript
0 vote256 views1 answer
Elements in body don't want to center
TypeScript
7 votes261 views2 answers
Typed usestate
TypeScript
0 vote286 views1 answer
Deleting a generated lib in nx
TypeScript