如何在Ionic 2中定义一个函数

Question

我无法在Ionic 2中定义一个简单的函数。这是我的代码：

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

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

    function show() //←THIS FUNCTION
    {
        alert("show");
    }

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

}

然后这是网络浏览器中的错误：

我使用离子2.2.0。

感谢您的帮助。

Answer 1

删除function

只需制作代码：

show() //Return type would be `show(): string` f.e.
{
    alert("show");
}

Answer 2

从function show()

删除功能

export class AccountPage {

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


    show() //←THIS FUNCTION
    {
        alert("show");
    }
}

Answer 3

在ionic 2中。您可以直接从函数名称本身启动函数，而无需声明“ function”作为前缀。

具有离子生命周期功能。您可以在以下链接中了解有关此函数的声明语法的更多信息：http://www.ionichelper.com/2016/10/11/ionic-2-components-quick-guide-series-app/