Angular 2 ngfor first, last, index loop

Я пытаюсь установить по умолчанию первое вхождение в этом примере: plunkr

получив следующую ошибку:

Unhandled Promise rejection: Template parse errors:
TypeError: Cannot read property 'toUpperCase' of undefined ("dButtonToggleGroup">
                                                            <md-button-toggle [ERROR ->]*ngFor="let indicador of indicadores; #first = first" value="indicador.id" [checked]="first">
      "): ng:///AppModule/[email protected]:78
Parser Error: Unexpected token #, expected identifier, keyword, or string at column 31 in [let indicador of indicadores; #first = first] in ng:///AppModule/[email protected]:78 ("       <md-button-toggle *ngFor="let indicador of indicadores; #first = first" value="indicador.id" [ERROR ->][checked]="first">
                                                                <span>{{ indicado"): ng:///AppModule/[email protected]:153

что не так??

Edit: Ткакс в Кристофер Мур: Angular предоставляет следующие локальные переменные

  • index
  • first
  • last
  • even
  • odd

Ответ 1

Проверьте этот plunkr, https://plnkr.co/edit/uEst8F6pJgD1V7jZzNxv?p=preview.

Когда вы привязываетесь к переменным, вам нужно использовать скобки. Кроме того, вы используете хэштег, когда хотите получить ссылки на элементы в своем html, а не на объявление переменных внутри таких шаблонов.

<md-button-toggle *ngFor="let indicador of indicadores; let first = first;" [value]="indicador.id" [checked]="first"> 
...