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

0 vote182 views4 answers
Typescript hello world
TypeScript
3 votes162 views1 answer
Stylesheet not loaded because of mime-type
TypeScript
0 vote181 views1 answer
Tes ssh gitlab
TypeScript
0 vote173 views1 answer
Object is possibly
TypeScript
0 vote189 views1 answer
Hide elements in 2s jquery
TypeScript
1 vote172 views1 answer
'react-scripts' is not recognized as an internal or external command, operable program or batch file. npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! [email protected] start: `react-scripts start` npm ERR! Exit status 1
TypeScript
0 vote159 views1 answer
C# to typescript
TypeScript
1 vote166 views1 answer
Mat auto complete floating issue
TypeScript
0 vote177 views2 answers
No safe area insets value available. Make sure you are rendering `<SafeAreaProvider>` at the top of your app.
TypeScript
21 votes180 views4 answers
Can't bind to 'ngmodeloptions' since it isn't a known property of 'input'
TypeScript