Javascript 离子2-带参数的页面间导航（空白应用程序）

我有一个空白的爱奥尼亚2项目，有一个列表页面。单击列表项时，应该会看到该项的详细视图。以下是我的列表文件：

list.html：

<ion-navbar *navbar>
  <ion-title>list</ion-title>
</ion-navbar>

<ion-content padding class="list">
    <ion-list>
        <ion-item *ngFor="let item of items" (click)="viewItem(item)">{{item.title}}</ion-item>
    </ion-list>
</ion-content>

以下是我的详细视图文件：

detail-view.html：

<ion-navbar *navbar>
  <ion-title>{{title}}</ion-title>
</ion-navbar>

<ion-content padding class="item-detail">
    <ion-card>
        <ion-card-content>
            {{description}}
        </ion-card-content>

    </ion-card>  
</ion-content>

当我使用“离子服务”时，我得到以下信息：

语法错误：C:/…/app/pages/item detail/item-detail.js:解析文件时出现意外标记：

所以我认为细节视图的构造函数不是这样工作的。但是我找不到什么可以帮助我的东西。我认为这个解决方案不受欢迎，因为我找到的教程是2015年的。但正如我所说，我没有发现它有什么用处。我的爱奥尼亚框架版本是2.0.0-beta.8，这里：

(click)="viewItem(item)"

您将项目作为参数发送，但在方法中：

viewItem(){
  this.nav.push(ItemDetailPage, {
      item: item
  });
}

你不明白。我认为您只需要将它作为一个参数包括进来，就像这样，它应该可以正常工作：

viewItem(item: any) {
  this.nav.push(ItemDetailPage, {
      item: item
  })
}

在这里：

您将项目作为参数发送，但在方法中：

viewItem(){
  this.nav.push(ItemDetailPage, {
      item: item
  });
}

你不明白。我认为您只需要将它作为一个参数包括进来，就像这样，它应该可以正常工作：

viewItem(item: any) {
  this.nav.push(ItemDetailPage, {
      item: item
  })
}

---

你说得对，我忘了。但是我仍然在detail-view.js的构造函数中遇到同样的语法错误。你也可以检查一下这个主细节工作流应该如何完成。也许这也可以帮助你。你是对的，我忘了。但是我仍然在detail-view.js的构造函数中遇到同样的语法错误。你也可以检查一下这个主细节工作流应该如何完成。也许这对你也有帮助。