title: Angular no overload matches this call
body: <p>l am try to get data Json api from <a href="https://flightaware.com/commercial/flightxml/documentation2.rvt" rel="nofollow noreferrer">flightaware</a> using Angular . And all requests from flightaware must include a username and FlightXML Key using basic HTTP Authentication standard . </p>
  
  <p>Code </p>
  
  <pre><code>  var fxml_url = 'http://flightxml.flightaware.com/json/FlightXML2/';
    var username = 'YOUR_USERNAME';
    var apiKey = 'YOUR_APIKEY';
  
  
    this.http.get(fxml_url + 'MetarEx', {
        username: username,
        password: apiKey,
        query: {airport: 'KAUS', howMany: 1}
    }).subscribe(data=&gt;{
  
      console.log(data)
  
    })
  </code></pre>
  
  <p>but l get error is </p>
  
  <pre><code>No overload matches this call.
    The last overload gave the following error.
      Argument of type '{ username: string; password: string; query: { airport: string; howMany: number; }; }' is not assignable to parameter of type '{ headers?: HttpHeaders | { [header: string]: string | string[]; }; observe?: "body"; params?: HttpParams | { [param: string]: string | string[]; }; reportProgress?: boolean; responseType?: "json"; withCredentials?: boolean; }'.
        Object literal may only specify known properties, and 'username' does not exist in type '{ headers?: HttpHeaders | { [header: string]: string | string[]; }; observe?: "body"; params?: HttpParams | { [param: string]: string | string[]; }; reportProgress?: boolean; responseType?: "json"; withCredentials?: boolean; }'.
  </code></pre>
  
  <p>any idea please ? </p>