title: Angular subscribe push multiple object to array
body: <p>i'm making an angular application and i have an empty array</p>
  <pre><code>
  addresses : any [] = [];
  
  
  </code></pre>
  <p>then after a click event i start an http observable to charge the data from a server</p>
  <p>and then i make a pipe map to take what i want and then i make a subscribe</p>
  <pre><code>const URL ='some url';
  onSearch() {
  this.httpClient
    .get(`URL${{some data to generate the http observable}}`)
    .pipe(
      map(response =&gt; response.address),
      tap( =&gt; console.log(&quot;address array&quot;, address))    // address array [Object, Object, Object]
    )
    .subscribe(address =&gt; this.addresses = address);
  }
  </code></pre>
  <p>in the html template i have this</p>
  <pre><code>&lt;button (click)=&quot;onSearch()&quot;&gt; search address &lt;/button&gt;
  
  &lt;ul *ngFor=&quot;let address of addresses&quot;&gt;
  
  &lt;li&gt;{{address.one}} - {{address.two}} - {{address.three}}&lt;/li&gt;
  
  &lt;/ul&gt;
  
  </code></pre>
  <p>the firs time i clcik the button is ok i see the result , but the second time i click the button</p>
  <p>the first result is deleted from the second.</p>
  <p>My problem is how can i store multiple result in an array and how can i see thei in the html temlate?</p>