Angular 4/5 Http calls

httpcalls.ts

// this is example to make http calls in angular 4/5 
// not silver bullet to follow but it get's job done

import { HttpClient,HttpHeaders,HttpParams } from '@angular/common/http';


export class SomeHttpService {
  
    constructor(private httpClient: HttpClient){}
    // simple get method 
   this.httpClient.get<any>(URL);
  
    // get with some headers 
     const headersObj = {
            'Content-Type': 'application/x-www-form-urlencode',
            'Authorization': `Bearer token}`};
    const headers = new HttpHeaders(headersObj);    
    this.httpClient.get<any>(URL,{headers: headers});
    
  // get with headers and params 
     const headersObj = {
            'Content-Type': 'application/x-www-form-urlencode',
            'Authorization': `Bearer token}`};
      const headers = new HttpHeaders(headersObj);
      let params = new HttpParams();
      params = params.append("key","value");
      params = params.append("someotherKey","soeValue")    
      this.httpClient.get<any>(URL,{headers: headers,params:params})
    
    // simple post without headers 
    this.httpClient.post(URL,{some: some});
  
    // post with headers 
    const headersObj = {
            "key":"someValue"
        }
    const headers = new HttpHeaders(headersObj);
    this.httpClient.post(URL,{some: some},{headers: headers});
    
    // post with headers and form data for uploading files 
    // NOTE: encType may vary based on library you are using for uploading files 
   const headersObj = {
            'encType': 'multipart/form-data',
            'Authorization' : `Bearer token}`
        }
  const headers = new HttpHeaders(headersObj);
  const formData = new FormData();
  formData.append("file1","file2"); // this is file
  formData.append("name","username"); // this is text
  this.httpClient.post<any>(URL,formData,{headers: headers})
}