title: Rick and Morty API (Angular)
body: <p>I am trying to iterate some objects that this url give me: (<a href="https://rickandmortyapi.com/api/character" rel="nofollow noreferrer">https://rickandmortyapi.com/api/character</a>) in a gallery of cards using *ngFor<a href="https://i.stack.imgur.com/c56pr.png" rel="nofollow noreferrer">1</a></p>
  <p>this is the only way I've found to render my call and once I scroll down it changes the url of my call<a href="https://i.stack.imgur.com/l0fth.png" rel="nofollow noreferrer">2</a></p>
  <p>The problem is that I don't want to refresh but I want to concatenate the results. I've already tried to transform the var &quot;dataCharacter&quot; in an array and then push the &quot;res&quot; in the array but the typing of interfaces and classes gives me some problems.</p>
  <p>the service module<a href="https://i.stack.imgur.com/XEk3L.png" rel="nofollow noreferrer">3</a> interface<a href="https://i.stack.imgur.com/R33zR.png" rel="nofollow noreferrer">4</a> class<a href="https://i.stack.imgur.com/DjP0Y.png" rel="nofollow noreferrer">5</a></p>
  <p>Please someone can help me with creating the right classes and interfaces? I'm studing this for the first time and I don't know how to continue. Thanks.</p>