Ionic2中的可折叠侧边菜单

Question

我想创建一个包含可折叠内容的侧边菜单。有没有可以作为参考的例子？我试过寻找同样但失败了。任何帮助或指针将受到高度赞赏。提前谢谢。

Answer 1

您可以查看my github repo。这就是组件的样子：

README.md文件清楚地解释了如何使用它：

  

只需复制侧面菜单文件夹（包含html，ts和scss文件）   在你的项目中。然后在中包含SideMenuContentComponent   来自@NgModule的声明数组。

然后在app.component.ts文件中，创建一个选项数组

public options: Array<MenuOptionModel>;

MenuOptionModel会是这样的：

let menuOption: MenuOptionModel = {
    iconName: 'ios-arrow-down',
    displayName: `Option Name`,
    component: PageName,
    isLogin: false,
    isLogout: false,
    subItems: [
        {
            iconName: 'ios-basket',
            displayName: `Sub Option 1`,
            component: PageName,
            isLogin: false,
            isLogout: false
        },
        {
            iconName: 'ios-bookmark',
            displayName: `Sub Option 2`,
            component: PageName,
            isLogin: false,
            isLogout: false
        }
    ]
};

然后将其包含在app.component.html文件

中

<side-menu-content [options]="options"></side-menu-content>

在回购中还有很多改进，但你可以看看源代码，了解一切如何完成（没有将代码添加到回答，因为它有〜250行代码。）