title: Pass array to next page in angular after user clicks button
body: <p>I am trying to pass data to another page in angular however I wish to do so without exposing the data in the url.</p>
  
  <p>This is my data set that I want to transfer</p>
  
  <pre><code>[
    {
      "deliveryAddress": "a.a@a.com",
      "accountNumber": "1234",
      "deliveryChannel": "EMAIL",
      "renderSucceeded": true,
      "renderError": null
    },
    {
      "deliveryAddress": "b.b@b.com",
      "accountNumber": "5678",
      "deliveryChannel": "EMAIL",
      "renderSucceeded": true,
      "renderError": null
    }
  ]
  </code></pre>
  
  <p>This is my routing array. I want to navigate to page2.</p>
  
  <pre><code>const routes: Routes = [
    { path: '', redirectTo: 'page1', pathMatch: 'full' },
    { path: 'page1', component:  AppComponent},
    { path: 'page2', component: page2Component }
  ];
  </code></pre>