滑动列表可以容纳类别和子类别吗?

我用的是爱奥尼亚3,我有类别,当你点击一个,你进入一个子类别,当你点击一个,你进入一个子类别,如果它存在或选择的类别。

我完全可以把它们分成三页,但我不知道这是不是最好的主意。我发现 list enableSlidingItems 我认为这是最好的解决方案,我可以轻松地在一个页面中创建所有类别。

但是当我尝试实现它时,所有的文档都是这样的

<ion-content>
  <ion-list show-delete="false" can-swipe="true">
    <ion-item-sliding>
      <ion-item>todo 1</ion-item>
      <ion-item-options side="right">
        <button color="danger" ion-button>
          <ion-icon name="trash"></ion-icon>
        </button>
      </ion-item-options>
    </ion-item-sliding>
    <ion-item>todo 2</ion-item>
    <ion-item>todo 3</ion-item>
  </ion-list>
</ion-content>

这个例子有两个问题,滑动效果似乎只是为了显示隐藏的按钮,第二个问题是,你没有转换到另一个列表,如图所示 video .

除了创建3个不同的页面,没有更好的方法来选择类别吗?我想有这种过渡效果,你选择一个类别,你到另一个列表,但我不喜欢为它创建一个不同的页面。出于不同的原因,首先它更容易在一个页面上管理,其次,如果管理员添加了新的子菜单,我将不得不创建一个新的页面来处理这个问题。

api看起来像这样,我不认为为每个子类别数组创建一个新页面是最聪明的解决方案,但我找不到其他解决方案。

{
    "category": [
        {
            "name": "Vehicles",
            "parent": 0,
            "sub": [
                {
                    "name": "All in Vehicles",
                    "slug": "vehicles",
                    "parent": 1
                },
                {
                    "name": "Cars",
                    "parent": 2,
                    "sub": [
                        {
                            "name": "All in Cars",
                            "slug": "cars",
                            "parent": 3
                        },
                        {
                            "name": "Alfa Romeo",
                            "slug": "alfa-romeo",
                            "parent": 4
                        },
                        {
                            "name": "Aston Martin",
                            "slug": "aston-martin",
                            "parent": 4
                        }
                    ]
                },
                {
                    "name": "Motorcycles",
                    "parent": 2,
                    "sub": [
                        {
                            "name": "All in Motorcycles",
                            "slug": "motorcycles",
                            "parent": 3
                        },
                        {
                            "name": "Harley Davidson",
                            "slug": "harley-davidson",
                            "parent": 4
                        }

                    ]
                }
            ]
        },
        {
            "name": "Electronics",
            "parent": 0,
            "sub": [
                {
                    "name": "All in Electronics",
                    "slug": "electronics",
                    "parent": 1
                },
                {
                    "name": "phones",
                    "parent": 2
                }
            ]
        }
    ]
}