title: How to show 1 element in ngFor in angular2?
body: <p>I have a simple ngFor that loops through an array. However, I've added a condition that while the index is <code>&lt; 5</code> keep add the tag. and After that, I want to add an extra tag just once that will be used a dropdown to view the rest of the tags. But it doesn't work.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;li *ngFor="let tag of module.Tags; let i = index"&gt;
    &lt;a *ngIf="i&lt;5" href="#" class="span-tag tag"&gt;{{ tag }}&lt;/a&gt;
    &lt;div *ngIf="module.Tags.length &gt; 5 &amp;&amp; i == 6"&gt;DropDown Button&lt;/div&gt;
  &lt;/li&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>The feature here is that I don't want to show unlimited number of tags to the user, I want to limit it to only 5 tags, and have a button after 5 tags which will be used to show the dropdown with the remaining tags.</p>
  
  <p>Is this possible to do in angular2?</p>
  
  <p>If so, please enlighten me.</p>