意外的标记。期望的构造函数，方法，访问器或属性

Question

我正在关注一个教程，希望跨页面获取数据，但我不明白为什么它会显示此错误。 我的代码：

about.ts（第1页，从这里发送数据）

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（第1页，在此页面上发送数据）

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);

}

继承错误截图

截图继续

Answer 1

这不是您定义类属性的方式。这是更喜欢它。不确定这是否能解决你的问题，但看起来确实很简洁：

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组件。