title: how to get data from an api and display one item at a time (i.e. one item per second) in angular 9?
body: <p>I've an angular service that returns an array of items fetched from a server.</p>
  
  <pre><code>// get-item.service.ts file
  
  getItem()
  
  // this getItem() is a method inside my service.
  // this method returns an array of JSON Objects
  
  </code></pre>
  
  <pre><code>
  // component.ts file
  items = []
  
  constructor(private getItemsService: getItemsService)
  
  ngOnInit() {
  this.getItemsService.getItem().subscribe(items =&gt; {
  
  this.items = items
  
  }
  
  </code></pre>
  
  <p>But inside my component I just want to push only one item from the fetched array at a time in every 1 sec.</p>
  
  <pre><code>//component.html file
  
  &lt;li *ngFor="let item of items"&gt;{{item}}&lt;/li&gt;
  </code></pre>
  
  <p>So that in my template only one item appear at a time (i.e. one item per second).</p>