Góc 2 - ngFor - biến cục bộ "đầu tiên" không hoạt động

Question

Tôi đang sử dụng vòng lặp ngFor để tạo danh sách với các nút để di chuyển các đối tượng xung quanh. Tôi đã cố gắng sử dụng biến ngFor trước và cuối để vô hiệu hóa các nút nhất định. Tôi đang tìm kiếm "đầu tiên" không hoạt động

<ul> 
<li *ngFor="#hero of heroes; #i=index, #first=first, #last=last"> 
    <button class="btn btn-default btn-lg" [disabled]="first" (click)="moveToTop(hero, i)">Top</button> 
    <button class="btn btn-default btn-lg" [disabled]="first" (click)="moveUp(hero, i)">Up</button> 
    <button class="btn btn-default btn-lg" [disabled]="last" (click)="moveDown(hero, i)">Down</button> 
    <button class="btn btn-default btn-lg" [disabled]="last" (click)="moveToBottom(hero, i)">Bottom</button> 
</li> 

Tôi đã một ví dụ làm việc ở đây Plunker preview

Tôi làm điều này một cách chính xác? Tôi biết tôi có thể làm

[disabled]="i==0" 

nhưng tôi đã nghĩ "đầu tiên" và "cuối cùng" trông thanh lịch hơn.

Answer 1

Hiện tại bạn có thể sử dụng [disabled]="i === 0" vì biến cục bộ first không tồn tại, nhưng có pull request để thêm, chưa được hợp nhất.

Cập nhật

Các pull yêu cầu tham khảo ở trên nó hạ cánh với beta.15, bạn sẽ nhìn thấy changelog https://github.com/angular/angular/blob/master/CHANGELOG.md.

Dưới đây là plnkr với first hoạt động. Bạn cũng có thể thấy documentation.