Question

我正在努力掌握如何做以下事情，并且非常感谢你的帮助。

我想要创建的是一个按钮，Ionic 2附加了一个函数，它接受一个参数（变量），这是一个页面的名称。单击按钮后，视图应移动到使用navCtrl.push()作为变量传递的页面（我感谢问题与Ionic无关，但它更基本的角度/ TS）

在home.html

<button (click)="moveToPage(pageName)" ion-button>Button</button>

在home.ts

moveToPage(pageName: String){
    this.navCtrl.push(pageName);
}

显然，我编写它的方式，在HTML文件中我没有传递“pageName”值，而是传递一个名为pageName的undefined类型的变量。

这很可能是一个愚蠢的问题，但如果你帮助我理解解决问题的正确方法，我将不胜感激。

谢谢，

Answer 1

[溶液]

在home.ts

导入页面

import { Page } from 'ionic-angular/navigation/nav-util';

添加goToPage（...）{...}实现

moveToPage(pageName: Page)
{
    this.navCtrl.push(pageName);
}

在home.html

<button (click)="moveToPage('pageName')" ion-button>Button</button>

最初，我错过了变量名称周围的单引号。

下一步是将该功能移至服务中，以便可以从所有页面访问该功能。