Может ли скользящий список содержать категории и подкатегории?

Я использую ionic 3, у меня есть категории, когда вы нажимаете на одну, вы переходите в подкатегорию, когда вы нажимаете на одну, вы переходите в подкатегорию, если она существует, или в выбранную категорию.

Я вполне мог бы сделать их 3 отдельными страницами, но мне интересно, лучшая ли это идея. Я нашел список 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>

В этом примере есть две проблемы: кажется, что эффект скольжения нужен только для отображения скрытых кнопок, а во-вторых, вы не переходите к другому списку, как показано в этом видео.

Нет ли лучшего способа выбрать категорию, чем создание трех разных страниц? Я хочу иметь этот эффект перехода, вы выбираете категорию в другой список, но мне не нравится создавать для нее другую страницу. По разным причинам, во-первых, проще управлять на одной странице, а во-вторых, если администратор добавил новое подменю, мне придется создать новую страницу, чтобы справиться с этим.

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