title: Angular and RxJs combine two http requests
body: <p>I am making two http requests, each return a <code>observable&lt;IProduct&gt;;</code> and I want to combine both into a local object and use the <strong>async pipe</strong> to bring values from each.</p>
  
  <pre><code>productA$: observable&lt;IProduct&gt;;
  productB$: observable&lt;IProduct&gt;;
  combinedProds$: ?
  
  this.productA$ = httpCall();
  this.productB$ = httpCall();
  
  
    this.combinedProds$ = combineLatest([
    this.productA$,
    this.productB$
     ])
    .pipe(
      map(([productA, productB]) =&gt;
        ({ productA, productB}))
    );
  </code></pre>
  
  <p>This issue I'm getting, I don't know what type <code>combinedProds$</code> should be.</p>