title: Hide/show individual items inside ngFor
body: <p>I need to show / hide part of component. Here is Angular2 example.</p>
  
  <pre><code>&lt;li *ngFor=" #item of items " &gt;
    &lt;a href="#" (onclick)="hideme = !hideme"&gt;Click&lt;/a&gt;
    &lt;div [hidden]="hideme"&gt;Hide&lt;/div&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>Suppose we have only 2 items. Problem here that it works on both items. So it hides and shows div part in <strong>both</strong> components.
  It could be perfect if we could have something like this:</p>
  
  <pre><code>&lt;li *ngFor=" #item of items " &gt;
     &lt;a href="#" (onclick)="this.hideme = !this.hideme"&gt;Click&lt;/a&gt;
     &lt;div [hidden]="this.hideme"&gt;Hide&lt;/div&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>So is there some simple way to solve this problem ? </p>