6

ng-classに条件付きでクラスを追加したいのですaccordion-headingが、要素にクラスを明示的に設定しても保持されないようです。私はこれを持っています：

<div accordion close-others="true">
    <div ng-repeat="currItem in items" accordion-group>
        <div accordion-heading class="myClass">My Heading {{$index}}</div>
        <div class="accordion-inner myClass">asdf asdf asdf</div>
    </div>
</div>

そしてフィドル：http://jsfiddle.net/Zmhx5/1/

アコーディオンの見出し要素を調べると、クラスmyClassがどこにも見つかりません。アコーディオンの見出しにクラスを追加できない理由はありますか?

4

4 に答える 4

1

条件付きで見出しに背景色を適用しようとして、同じ問題に遭遇しましたng-class。これはちょっとした回避策ですが、うまくいきます。

まず、見出しからパディングを削除する必要があります。div調べると、.panel-headingクラスと aを生成することがわかりますpadding: 10px 15px(以下の注を参照)。パディングは、ネストされた に背景を適用しようとするときに問題を引き起こすものなdivので、削除しましょう。

.panel-heading {
    padding: 0;
}

これで、ネストされたものを追加divし、同じパディングを与えて以前の外観に戻すことができます。

<accordion-heading>
    <div class="myClass" style="padding: 10px 15px">My Heading {{$index}}  </div>
</accordion-heading>

これが更新されたjsfiddleです

上記の私のコードは、異なるバージョンの ui-bootstrap からのものであることに注意してください。この jsfiddle ではクラスがわずかに異なるため、わずかに異なるソリューションが表示されます。ただし、コンセプトは同じです。

于 2015-04-21T14:14:12.530 に答える