如何創建一個嵌套的UI-Bootstrap手風琴？

Question

如何創建嵌套的UI-Bootstrap手風琴，其內部和外部手風琴彼此獨立工作。

如果一個手風琴小組在外手風琴中開放，我正在做一些手風琴內功，它不應該影響外手風琴的狀態。以下是我想要實現的示例代碼。

（什麼是現在發生的事情是，如果我在內部手風琴打開一個組， 它關閉父外手風琴組）

<uib-accordion close-others="oneAtATime"> 

    <uib-accordion-group heading="Static Header, initially expanded" is-open="status.isFirstOpen" is-disabled="status.isFirstDisabled"> 
    Below iss the inner accordion 
    <uib-accordion close-others="oneAtATime"> 
     <uib-accordion-group heading="Static Header, inner accordion" is-open="status.isFirstOpen" is-disabled="status.isFirstDisabled"> 
     This content is straight in the template. 
     </uib-accordion-group> 
     <uib-accordion-group heading="{{group.title}}" ng-repeat="group in groups"> 
     {{group.content}} 
     </uib-accordion-group> 
     <uib-accordion-group heading="Dynamic Header inner accordion 1t"> 
     <p>The body of the uib-accordion group grows to fit the contents</p> 
     <button type="button" class="btn btn-default btn-sm" ng-click="addItem()">Add Item</button> 
     <div ng-repeat="item in items">{{item}}</div> 
     </uib-accordion-group> 
    </uib-accordion> 

    </uib-accordion-group> 
    <uib-accordion-group heading="{{group.title}}" ng-repeat="group in groups1"> 
    {{group.content}} 
    </uib-accordion-group> 
</uib-accordion> 

I have created a plunker here

Answer 1

您手風琴在is-open="status.isFirstOpen"（共41行中的44）共享一個模型，這意味着當該值變化時，兩個手風琴將同時打開和關閉抽屜

將內部手風琴的is-open更改爲其他一些型號值，如is-open="inner_status.isFirstOpen。

可以肯定的是，確保所有手風琴對他們的屬性使用不同的值，這將保持它們正確的分離。