title: How to show 1 element in an array using ngFor Angular2
body: <p>On my website if I have more than one element in my array. My template looks like this. </p>
  
  <p><a href="https://i.stack.imgur.com/SChtZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/SChtZ.png" alt="Browser Image"></a></p>
  
  <p>I want to have a button to go to the next element of this array and only display one set of data and use the button to control which element of the array the user sees. </p>
  
  <p>My current code looks like this: </p>
  
  <pre><code>&lt;div class='panel-body' *ngIf ='case'&gt;
  
          &lt;h3&gt; Details &lt;/h3&gt;
          &lt;div id="left-side" *ngFor="let tag of case?.incidents "&gt;
              &lt;p&gt;Date: &lt;span class="name"&gt;{{tag.date}}&lt;/span&gt; &lt;/p&gt;
              &lt;p&gt;DCU: &lt;span class="name"&gt;{{tag.dcu}}&lt;/span&gt;&lt;/p&gt;
              &lt;p&gt;Location:&lt;span class="name"&gt; {{tag.location}}&lt;/span&gt; &lt;/p&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>
  
  <p>I was thinking of using some sort of index or an ng-container or some work around using ngIf or ngFor. I am unsure of how to implement this. </p>
  
  <p>All help would be greatly appreciated!</p>