2013-12-09 53 views
0

我試圖做的事情比較正常:顯示第一個元素打開的手風琴。錯誤與否?手風琴在0.7.0上無法正常工作

<accordion close-others="true"> 
    <accordion-group ng-repeat="group in groups" is-open="$first"> 
    <accordion-heading> 
     {{group.title}} <i class="pull-right" ng-class="{'icon-chevron-down': isopen, 'icon-chevron-right': !isopen}"></i> 
    </accordion-heading> 
    <div ng-repeat="item in group.content">{{item.title}}</div> 
    </accordion-group> 
</accordion> 

是開= 「$第一」 幾乎解決了這個問題,

更新

http://plnkr.co/edit/CODNWD7WiBHDfYHHuK7C?p=preview
http://plnkr.co/edit/4jYuw2?p=preview

但看圖標,雪佛龍 - 這是仍然下降。當我點擊 - 它擴展和崩潰,但圖標仍然下跌......

+0

plunker適合我。我看到人字形在打開時從右向下移動,在關閉時從右向右移動。 – mlim1972

+0

增加了這個''並且似乎工作正常。你的'ng-class'圖標是根據'section1.isOpen'設置的。 – charlietfl

+0

很抱歉 - 錯誤!古老的運動員的工作原理 - 但第一組在開始時不開放 –

回答

0

我克隆你的plunkr並將其與一些修改作品: http://plnkr.co/edit/1IHE5lRmm0oZzeHekkkZ?p=preview

在這裏,你可以看到你的代碼看起來像現在:

<accordion close-others="true"> 
    <accordion-group ng-repeat="group in groups" is-open="group.open"> 
    <accordion-heading> 
     {{group.title}} <i class="pull-right" ng-class="{'icon-chevron-down': group.open, 'icon-chevron-right': !group.open}"></i> 
    </accordion-heading> 
    <div ng-repeat="item in group.content">{{item.title}}</div> 
    </accordion-group> 
</accordion> 

這樣,您將有第一個標籤打開默認情況下和工作封閉打開的圖標。