イオン2 - パラメータ付きページ間のナビゲーション（ブランクアプリ）

Question

私は空白イオン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> 

list.js：

import {Component} from '@angular/core'; 
import {NavController} from 'ionic-angular'; 
import {ItemDetailPage} from '../item-detail/item-detail'; 

@Component({ 
    templateUrl: 'build/pages/list/list.html', 
}) 
export class ListPage { 
    static get parameters() { 
    return [[NavController]]; 
    } 

    constructor(nav) { 
     this.nav = nav; 

     this.items = [ 
      {title: 'Hi1', description: 'whats up?'}, 
      {title: 'Hi2', description: 'whats up?'}, 
      {title: 'Hi3', description: 'whats up?'} 
     ]; 
    } 

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

そして、ここに私の詳細ビューファイルです：

詳細-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> 

detail-view.j S：

SyntaxError: C:/.../app/pages/item-detail/item-detail.js: Unexpected token (18:23) while parsing file: ...

だから私は、詳細ビューのコンストラクタは、このように動作いけないと思う：私が使用している場合

import {Component} from '@angular/core'; 
import {NavController, NavParams} from 'ionic-angular'; 

@Component({ 
    templateUrl: 'build/pages/item-detail/item-detail.html', 
}) 
export class ItemDetailPage { 
    static get parameters() { 
    return [[NavController]]; 
    } 

    constructor(navParams: NavParams) { 
     this.navParams = navParams; 

     this.title = this.navParams.get('item').title; 
     this.description = this.navParams.get('item').description; 
    } 
} 

私は、次のメッセージが表示されます「イオンが仕えます」。しかし私は何が私を助けることができるものがどこにも見つかりませんでした。私は、このソリューションは、私が見つけたチュートリアルが2015年であるため、非難されたと思います。しかし、私が言ったように、私はそれについて何か有用なものを見つけませんでした。マイイオンFrameworkのバージョンは2.0.0-beta.8ここ

Answer 1

です：

(click)="viewItem(item)" 

あなたはパラメータとしてアイテムを送っているが、この方法では：

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

あなたは取得されていませんそれ。私はあなたがちょうどこのようなパラメータとしてそれを含める必要があると思うし、それは正常に動作するはずです：

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