Javascript 如何导航到用户给定的页面

我正在构建一个新的应用程序，希望在主屏幕上添加功能。 用户将输入一个值，我将带他进入页面

---

例如，插入值1将转到第1页，依此类推……

如果您不想使用模式，只需正确更改下面的代码即可

模板页面.ts

// skip import
@IonicPage(//skip)
@Component(//skip)
export class TemplatePage{
  pageNumber:number;
  data:string;

  constructor(
    private navParams:NavParams
  ){
    this.data = this.navParams.get('data')
    this.pageNumber = this.navParams.get('pageNumber')
  }
}

// skip import
@IonicPage(//skip)
@Component(//skip)
export class HomePage{
  constructor(
    private modalCtrl:ModalController
  ){}

  public openPage(pageNumber:number, data:string){
    this.modalCtrl.create('TemplatePage',{pageNumber:pageNumber,data:data}).present()
  }
}

TemplatePage.html

<ion-header>
  <p>page {{pageNumber}}</p>
</ion-header>
<ion-content>
  {{data}}
</ion-content>

---

不要那样做。下一页（>）和上一页（@Adelin）都有箭头按钮。你说得对，但如果我根据用户年龄划分页面，那么我希望50岁的用户看到的页面与5岁的页面不同，因此我需要添加一个函数。这些页面是硬编码的吗？还是有固定的数据模板（如json）？@HyuckKang他们有一个固定的带有数据的模板。不是json，而是简单的文本。谢谢！然后，你不需要创建多个页面。只创建一个模板页面，当你调用页面时，将页码和数据传递给页面。谢谢！ModalController类似于NavController？实际上，它不同。与网页相比，打开ModalController是一个简单的过程类似于打开弹出窗口，但通过导航页面类似于“通过

标签进入新页面”。因此，我在模板页面使用的模式中有什么？谢谢@Hyuck KangYes，您可以获得上述内容