Angular 2 - ngFor - 局部变量"first"不起作用

Question

我正在使用ngFor循环创建一个列表,其中包含用于移动对象的按钮.我试图首先使用ngFor变量,最后禁用某些按钮.我发现"第一"不起作用

<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>

我在Plunker预览中有一个工作示例

我这样做了吗？我知道我能做到

[disabled]="i==0"

但我认为"第一"和"最后"看起来更优雅.

Answer 1

现在你可以使用,[disabled]="i === 0"因为本地变量first不存在,但是有一个pull请求来添加它,但是还没有合并.

更新

它上面的pull请求引用了beta.15,你可以看到changelog https://github.com/angular/angular/blob/master/CHANGELOG.md.

这里有一个plnkr与first合作.您也可以查看文档.