Angularjs手风琴选项卡状态

我有以下手风琴

<div id="accView">
    <div class="panel-group" id="accordion">
    <div class="panel">
        <div class="panel-heading" ui-sref="taba">
            <span>tab1</span>
        </div>
        <div >
            <div ui-view="tab1View"></div>
        </div>
    </div>
    <div class="panel">
        <div class="panel-heading" ui-sref="tabb">
            <span>tab2</span>
        </div>
        <div >
            <div ui-view="tab2View"></div>
        </div>
    </div>
    </div>
</div>

问题就在这里。 首先单击tabA，然后单击tabB一切正常。当我再次单击tabA时，tabA状态参数将消失。我想不出来。有什么帮助吗？ 如何解决这个问题

.state("test-accordion",{
         url:'/test-accordion',
         views:{
            '':{
                  templateUrl:'/Accordion/accordion-view.html',
                  controller: 'accordionController',
                  controllerAs: 'vm' 
               },
}
.state('test-accordion.taba',{
    url : 'test-accordion.tabADetail/:customerId',
    templateUrl: '/Accordion/taba-view-detail.html',
    controller : 'tabADetailController',
    controllerAs : 'vm'
})
.state('test-accordion.tabb',{
    url : 'test-accordion.tabBDetail',
    templateUrl: '/Accordion/tabb-view-detail.html',
    controller : 'tabADetailController',
    controllerAs : 'vm'
})