Angular 2 – ngFor – 局部变量“first”不起作用

发布时间：2020-12-17 17:39:27 所属栏目：安全来源：网络整理

导读：我正在使用ngFor循环创建一个列表,其中包含用于移动对象的按钮.我试图首先使用ngFor变量,最后禁用某些按钮.我发现“第一”不起作用 ulli *ngFor="#hero of heroes; #i=index,#first=first,#last=last" button class="btn btn-default btn-lg" [disabled]="fi

我正在使用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 preview

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

[disabled]="i==0"

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

解决方法

现在你可以使用[disabled] =“i === 0”,因为局部变量首先不存在,但是有一个 pull request来添加它,但还没有合并.

更新

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

这是第一次工作的plnkr.你也可以看到documentation.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!