Angular 2 ng for 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/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 ("<md-button-toggle *ngFor="let indicador of indicadores; #first = first" value="indicador.id" [ERROR ->][checked]="first">
    <span>{{ indicado"): ng:///AppModule/HomeComponent.html@35:153

怎么了？？

看看这个笨蛋。

绑定变量时，需要使用方括号。另外，当您要获取对html中元素的引用时，可以使用井号标签，而不是在这样的模板内部声明变量。

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

编辑： 感谢Christopher Moore：Angular公开了以下局部变量：

• index
• first
• last
• even
• odd

这是它在Angular 6中的完成方式

<li *ngFor="let user of userObservable ; first as isFirst">
   <span *ngIf="isFirst">default</span>
</li>

注意从let first = first到的更改first as isFirst

通过这种方式，您可以*ngFor在ANGULAR中获得任何循环索引...

<ul>
  <li *ngFor="let object of myArray; let i = index; let first = first ;let last = last;">
    <div *ngIf="first">
       // write your code...
    </div>

    <div *ngIf="last">
       // write your code...
    </div>
  </li>
</ul>

我们可以在其中使用这些别名 *ngFor

• index：number：let i = index获取对象的所有指标。
• first：boolean：let first = first获取对象的第一个索引。
• last：boolean：let last = last获取对象的最后一个索引。
• odd：boolean：let odd = odd获取对象的索引为奇数。
• even：boolean：let even = even获取对象的索引为偶数。