2016-11-08 34 views
1

私はチュートリアルに従っていて、ページ間でデータを取得したいのですが、なぜこのエラーが表示されているのかわかりません。 私のコード:(このページにデータを送るページ1)(ここからデータを送るページ1)予期しないトークン。コンストラクタ、メソッド、アクセサまたはプロパティが予期される

about.ts

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

@Component({ 
selector: 'page-about', 
templateUrl: 'about.html' 
}) 
export class AboutPage { 

param1:string; param2:string; 

constructor(public navCtrl: NavController) { 
param1 = ""; param2 = ""; 
} 


this.navCtrl.push(SecondPage, { 
param1: 'John', param2: 'Johnson' 
}); 

} 

home.ts

import { Component } from '@angular/core'; 


import { NavController, NavParams } from 'ionic-angular'; 

@Component({ 
selector: 'page-home', 
templateUrl: 'home.html' 
}) 
export class HomePage { 

constructor(public navCtrl: NavController, private navParams: NavParams) { 

} 

this.parameter1 = navParams.get('param1'); 
this.parameter2 = navParams.get('param2'); 
alert(this.parameter1); 

} 

HERESにエラーのスクリーンショット enter image description here

続きを見る enter image description here

答えて

0

これは、クラスプロパティを定義する方法ではありません。これはもっと似ています。わからないことは、あなたの問題を解決しますが、それは多くのすっきりと思えない場合:

export class HomePage { 

    public parameter1: string; 
    public parameter2: string; 

    constructor(public navCtrl: NavController, private navParams: NavParams) { 
     this.parameter1 = this.navParams.get('param1'); 
     this.parameter2 = this.navParams.get('param2'); 
     alert(this.parameter1); 
    }  
} 

同じ取引があなたのAboutPageコンポーネントに関する。最初にangular.ioページを見て、どのようにコンポーネント/クラスを構築するかを確認することをお勧めします。あなたがそれでありながら、基本的なOOを見てみTypeScriptもあなたを助ける

エラーの

更新

一つは、あなたも間違ったクラス定義の問題以外にも、あなたのAboutPageコンポーネントから来ていますインポートされていなくてもSecondPageについて話してください。

他のエラーは、私が言ったように、あなたのHomePageコンポーネントから来ています。

+0

私は同じエラーをもう一度与えています、私は私のコンセプトを最初に磨く必要があります。リンクありがとうございました –

+0

@NIKHILGosavi少し答えを更新しました – PierreDuc

関連する問題