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 vote220 views1 answer
NullInjectorError: R3InjectorError(DynamicTestModule)[AdminTestCentersComponent -> ToastrService -> InjectionToken ToastConfig -> InjectionToken ToastConfig]: NullInjectorError: No provider for InjectionToken ToastConfig!
TypeScript
0 vote153 views3 answers
Cahokia mounds pictures
TypeScript
2 votes178 views1 answer
Reactive form programmatically set value
TypeScript
0 vote157 views1 answer
Conditional type typescript
TypeScript
6 votes157 views4 answers
Console
TypeScript
0 vote167 views1 answer
Check if an element exists laravel
TypeScript
1 vote180 views1 answer
React typescript input set focus dinamically
TypeScript
0 vote173 views1 answer
Ngclass stackoverflow
TypeScript
2 votes151 views1 answer
Google sheets reference cell static
TypeScript
0 vote157 views1 answer
Socket.io typescript
TypeScript