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



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

普伦克示例

最新更新