Angular 2 *ngFor issue

Question

更新 Angular 2 到 RC.5 后出现一些错误：

TypeError: changes.forEachOperation is not a function

它指向 html 部分，看起来像：

<ion-list>
  <button ion-item menuClose *ngFor="let p of pages" (click)="openPage(p)">
    <ion-icon item-left [name]="p.icon"></ion-icon>
    {{ p.title | translate }}
  </button>
</ion-list>

并且在组件内部由这样的代码初始化：

pages: PageObj[] = [
{ title: "dashboard.Title", component: DashboardPage, icon: "calendar" },
{ title: "transactions.Title", component: TransactionsPage, icon: "cash" },
{ title: "categories.Title", component: CategoriesPage, icon: "pricetags" },
{ title: "budgets.Title", component: BudgetsPage, icon: "briefcase" },
{ title: "personal.Title", component: PersonalPage, icon: "ios-person" }
// { title: "cards.Title", component: CardsPage, icon: "ios-person" }

];

还有一个用于 PageObj 的接口。最奇怪的是：

它正在与 RC.3 一起工作
相同的代码在 Ionic Conference App 示例中运行。

Answer 1

我比较了我的项目和 ionic-conference-app 最新示例中的代码和库，发现我使用的是

"@angular/common": "2.0.0-rc.5",
"@angular/forms": "0.3.0"

并替换为

后

"@angular/common": "2.0.0-rc.4",
"@angular/forms": "0.2.0"

一切正常

Angular 2 *ngFor issue

Angular 2 *ngFor issue

typescript

ionic2

angular