【问题标题】:Unexpected token. A constructor, method,accessor or property expected意外的标记。预期的构造函数、方法、访问器或属性
【发布时间】:2017-03-22 05:38:23
【问题描述】:

我正在学习一个教程并想跨页面获取数据,但我不明白为什么它会显示此错误。 我的代码:

about.ts(page1, 从这里发送数据)

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(page1,在本页发送数据)

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

}

这是错误截图

截图继续

【问题讨论】:

    标签: angular typescript ionic2


    【解决方案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 组件。

    【讨论】:

    • 这又给了我同样的错误,是的,我得先复习一下我的概念。谢谢你的链接
    猜你喜欢
    • 2015-10-02
    • 2018-07-07
    • 2017-12-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-04-02
    • 2019-05-21
    • 2016-09-12
    相关资源
    最近更新 更多