Javascript 离子侧多级菜单中的子数据未正确显示

根据所附图片，我的数据显示不正确。如何删除[{title:…在我的侧边菜单中只保留信纸子数据？当我单击父项时，它将下拉一个子值。但它不显示“信纸”，而是显示[ {标题：'文具'}， {标题：'纸和便笺簿'}， {标题：'技术'}， {标题：'墨水和墨粉'}，'

My menu.html如下所示：

<div ng-repeat="item in items" ng-click="toggleGroup(items)" ng-controller="dropDownCtrl">
 <ion-item>
{{item.title}}
<i class="icon" ng-class="isGroupShown(items) ? 'ion-arrow-up-b' : 'ion-arrow-down-b'"> </i>
</ion-item>
<ion-item ng-show="isGroupShown(items)" menu-close href="#/app/home">
{{item.children}}
</ion-item>
</div>

---

这是因为您正在引用children.Change{{item.children}}中的整个对象为{{item.children.title}

children是一个数组而不是一个值。需要交替生成菜单。您需要递归来迭代整个数据谢谢Anik Islam Abhi，但请原谅，我对这个离子代码完全不熟悉。我一直在从Accordion列表中选取示例，并对其进行修改以更改children的值。。

starter.controller('dropDownCtrl', function( $scope ) {

$scope.items = [
{title: 'Products',
children: [
    { title: 'Stationery' },
    { title: 'Paper & Pads' },
    { title: 'Technology' },
    { title: 'Ink & Toner' },
    { title: 'Pantry' ,
    children: [
        { title: 'Snacks, Beverages & Condiments' },
        { title: 'Tableware and Pantry Accessories' },
        { title: 'Cleaning Supplies' },
        { title: 'Medical Products' , 
        children: [
            { title: 'First Aids ' },
        ]}
    ]}
]
},
{title: 'My Catalogs'},
{title: 'My RFQs'},
{title: 'My Orders'}
    ];