将页面添加到侧面菜单项目模板的侧面菜单

Question

我使用sidemenu模板创建了一个项目。

ionic start projectName sidemenu --v2

之后，我使用以下命令生成了另一个页面： ionic g page pageName

我想做的就是将此生成的页面添加到侧面菜单中。

你能帮我吗，我是离子的新手。

提前致谢

Answer 1

您必须将新页面添加到pages array，如下所示。

Git回购： 样本侧菜单

app.component.ts

import { PageNamePage } from "../pages/page-name/page-name";

    export class MyApp {

        this.pages = [
          { title: 'Page One', component: Page1 },
          { title: 'Page Two', component: Page2 },
          { title: 'Page Three', component: PageNamePage }//your new page
        ];
    }

您必须在app.module.ts。内部添加如下所示的新页面。为了清楚起见，我已删除了默认代码。

app.module.ts：

import { PageNamePage } from "../pages/page-name/page-name";//your new page

@NgModule({
  declarations: [
    PageNamePage,//new page
  ],
  entryComponents: [
    PageNamePage,//new page
  ],
 })
export class AppModule { }

现在侧面菜单：