Demo Component

demo.component.ts

import { Component, OnInit, Input } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { FormControl } from '@angular/forms';

@Component({
   selector: 'app-demo',
   templateUrl: './demo.component.html',
   styleUrls: ['./demo.component.scss']
})
export class Demo implements OnInit {
   
   tempProperty: string;
   tempData: any;
   tempFormControl: FormControl;
   
   constructor(private httpClient: HttpClient) { 
      this.tempFromControl = new FormControl(null);
   }
   
   ngOnInit() {
      this.tempProperty = 'Hello World!';
      
      this.httpClient.get('https://apiendpoint/').subscribe(
        (response) => {
          this.tempData = response;
        }
      );
      
      this.tempFormControl.valueChanges.subscribe(
        (value) => {
          console.log(value);
        }
      );
   }
}