我已经升级到 Angular 4 并测试了他们关于*ngFor
功能的演示(可在此处获得:http://angularjs.blogspot.si/2017/03/angular-400-now-available.html(,它们是:
<div *ngIf="userList | async as users; else loading">
<user-profile *ngFor="let user of users; count as count" [user]="user">
</user-profile>
<div>{{count}} total users</div>
</div>
<ng-template #loading>Loading...</ng-template>
我猜count
部分只是不是那样工作的。我不确定这是 Angular 4 还是 2 的一部分,但无论如何,它不起作用。这是我在 plnkr 上的例子:
https://plnkr.co/edit/IOX558pMkRqCxpSzcTVS?p=preview
如您所见,其他部分工作正常,但count
为空。这也发生在本地,我想这不是 plnkr 错误。
此变量仅在应用*ngFor
的元素中可用
例如
<ng-container *ngFor="let user of users; let count=count">
<user-profile [user]="user"></user-profile>
<div>{{count}} total users</div>
</ng-container>
普伦克示例