ionic-framework - 滑动列表可以保存类别和子类别吗？

Question

我正在使用 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>

这个例子有两个问题，滑动效果似乎只是为了显示隐藏的按钮，其次你没有像这个视频所示过渡到另一个列表。

除了创建 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
                }
            ]
        }
    ]
}

标签： ionic-frameworkionic3