AngularJS手风琴-打开手风琴，其对象只有一个数组

Question

我有这样的代码来设置手风琴菜单：

function AccordionDemoCtrl($scope) {

   $scope.oneAtTime = true;

   $scope.links = [
    {
        img: '/web/bundles/lima3main/images/icon-l3play.png' ,
        option: 'L3 Pay' ,
        content: [
            {
                title: 'Single Payment'
            },
            {
                title: 'Recurring Billing'
            },
            {
                title: 'ACH'
            }
        ]
    },
    {
        img: '/web/bundles/lima3main/images/icon-l3bridge.png' ,
        option: 'L3 Bridge' ,
        content: []
    },
    {
        img: '/web/bundles/lima3main/images/icon-l3connect.png' ,
        option: 'L3 Connect' ,
        content: []
    },
    {
        img: '/web/bundles/lima3main/images/icon-costumerManagement.png' ,
        option: 'Customer Management' ,
        content: []
    },
    {
        img: '/web/bundles/lima3main/images/icon-productManagement.png' ,
        option: 'Product Management' ,
        content: []
    },
    {
        img: '/web/bundles/lima3main/images/icon-invoiceManagement.png' ,
        option: 'Invoice Management' ,
        content: []
    },
    {
        img: '/web/bundles/lima3main/images/icon-reports.png' ,
        option: 'Reports' ,
        content: []
    },
    {
        img: '/web/bundles/lima3main/images/icon-alerts.png' ,
        option: 'Alerts' ,
        content: []
    }
];
}

因此，在视图中，我为每个项目做了一个ng-repeat：

<div ng-app="accordion-base" >
    <div ng-controller="AccordionDemoCtrl">
        <accordion close-others="oneAtTime">
            <accordion-group ng-repeat="link in links">
                <accordion-heading>
                <img class="marginleft" src="{{link.img}}">
                {{link.option}}
                </accordion-heading>
                <div ng-if="link.content != 0">
                    <ul>
                        <li ng-repeat="content in link.content">{{content.title}}</li>
                    </ul>
                </div>
            </accordion-group>
        </accordion>
    </div>
</div>

但是，当我单击对象content为空的条目时，手风琴显示如下：

​

​

有什么方法可以让取消对这些项目的手风琴功能？

Answer 1

禁用指令请参见enablae/禁用第一个面板按钮( http://angular-ui.github.io/bootstrap/#/accordion )

 <div ng-app="accordion-base" >
        <div ng-controller="AccordionDemoCtrl">
            <accordion close-others="oneAtTime">
                <accordion-group ng-repeat="link in links" is-disabled="link.content.length==0">
                    <accordion-heading>
                    <img class="marginleft" src="{{link.img}}">
                    {{link.option}}
                    </accordion-heading>
                    <div ng-if="link.content != 0">
                        <ul>
                            <li ng-repeat="content in link.content">{{content.title}}</li>
                        </ul>
                    </div>
                </accordion-group>
            </accordion>
        </div>
    </div>