Angular - 官方文档* ng对于计数演示不起作用

时间:2017-04-04 16:20:30

标签: angular angular4

我已升级到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 bug。

1 个答案:

答案 0 :(得分:0)

此变量仅在您应用*ngFor

的元素内可用

例如

<ng-container *ngFor="let user of users;  let count=count">
  <user-profile  [user]="user"></user-profile>
  <div>{{count}} total users</div>
</ng-container>

Plunker example