在离子框架中添加新选项卡

Question

我想在我的 ionic 框架中使用选项卡布局，所以我开始制作它。默认情况下，它为我提供了 3 个选项卡，但现在我想向其中添加更多选项卡。

我是通过更改选项卡文件夹和 "tab.html" 文件来完成的。现在我想对我刚刚在 "tabs.html" 中添加的新标签页进行编码。因此，为此我在页面文件夹中创建了新选项卡的新文件夹。现在我想对我添加的新选项卡进行编码。

我的问题是如何做到这一点。我尝试在该页面的文件夹中创建新的 html 文件。但这给了我一个错误..

请给我建议解决方案，因为我是离子框架的新手。

Answer 1

根据Ionic docs，新建标签页的方法是：

1) 将 <ion-tab> 标签添加到 HTML。例如：

<ion-tabs>
  <ion-tab [root]="tab1Root" tabTitle="Tab 1"></ion-tab>
  //...
  <ion-tab [root]="myTabRoot" tabTitle="myTitle"></ion-tab>
</ion-tabs>

2) 像创建任何新页面一样创建新的根页面。例如：

export class myRootPage {
  constructor() {
  }
}

3) 将根页面属性分配给选项卡模块内的根页面本身。例如：

export class Tabs {
  myTabRoot = myRootPage;
  constructor() {
  }
}

请注意，您需要将选项卡根页面导入选项卡模块（使用 import{} 命令）。至于如何创建新页面，我假设您已经知道所有步骤 - 如果您不知道，网上有很多教程可以帮助您。

Answer 2

我参考了ionicframwork.docs//intro/tutorial/project-structure/ 本教程全面讲解了离子结构，对我这样的初学者很有帮助。它解释了如何向您的应用添加新标签。

Adding new tabs in ionic framework