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

Question

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

ionic start projectName sidemenu --v2

之后我使用：ionic g page pageName

生成了另一个页面

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

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

提前致谢

Answer 1

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

Git回购： Sample Side menu

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 { }

现在的侧面菜单：