Hide/show individual items inside ngFor
<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>