title: Angular 2 ngfor first, last, index loop
body: <p>I'm trying to set as default the first occurrence in this example: <a href="https://plnkr.co/edit/tGZVAbJZpYDxxmKyPRKg?p=preview" rel="noreferrer">plunkr</a></p>
  <p>getting the following error:</p>
  <pre class="lang-js prettyprint-override"><code>    Unhandled Promise rejection: Template parse errors:
      TypeError: Cannot read property 'toUpperCase' of undefined (&quot;dButtonToggleGroup&quot;&gt;
      &lt;md-button-toggle [ERROR -&gt;]*ngFor=&quot;let indicador of indicadores; #first = first&quot; value=&quot;indicador.id&quot; [checked]=&quot;first&quot;&gt;&quot;): ng:///AppModule/HomeComponent.html@35:78
      Parser Error: Unexpected token #, expected identifier, keyword, or string at column 31 in [let indicador of indicadores; #first = first] in ng:///AppModule/HomeComponent.html@35:78 (&quot;&lt;md-button-toggle *ngFor=&quot;let indicador of indicadores; #first = first&quot; value=&quot;indicador.id&quot; [ERROR -&gt;][checked]=&quot;first&quot;&gt;
      &lt;span&gt;{{ indicado&quot;): ng:///AppModule/HomeComponent.html@35:153
  </code></pre>
  <p>what is wrong??</p>