Angular 2 ng for first, last, index loop

Question 1

ฉันพยายามตั้งเป็นค่าเริ่มต้นของเหตุการณ์แรกในตัวอย่างนี้: 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

เกิดอะไรขึ้น??

Question 2

ตรวจสอบนี้plunkr

เมื่อคุณเชื่อมโยงกับตัวแปรคุณต้องใช้วงเล็บ นอกจากนี้คุณใช้แฮชแท็กเมื่อคุณต้องการรับการอ้างอิงถึงองค์ประกอบใน 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

Question 3

นี่คือวิธีการทำใน Angular 6

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

สังเกตการเปลี่ยนแปลงจากlet first = firstเป็นfirst as isFirst

Question 4

ด้วยวิธีนี้คุณจะได้รับดัชนีใด ๆ ใน*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เพื่อให้ได้แม้ดัชนีของวัตถุ