2

展開されたタブで、アコーディオンのヘッダー アイコンを変更するにはどうすればよいですか?

アコーディオン プランクの URL : http://plnkr.co/edit/7HMhoHk9AWyBAHALgD0P?p=preview

 <accordion-group>
        <accordion-heading>
            I can have markup, too! <i class="icon-check"></i>
        </accordion-heading>
        This is just some content to illustrate fancy headings.
    </accordion-group>
  </accordion>

したがって、基本的には、タブが展開されているときにアイコンチェッククラスをアイコンチェック解除と言うように変更したいと思います

4

3 に答える 3

6

これはあなたが望むことをするはずです..

  <accordion-group is-open="$parent.isOpen">
    <accordion-heading>
        I can have markup, too! 
        <i ng-class="{'icon-minus':isOpen,'icon-plus':!isOpen}"></i>
    </accordion-heading>
    This is just some content to illustrate fancy headings.
  </accordion-group>

ここに作業プランクがあります: http://plnkr.co/edit/kxKVsqHa1a64RvOUbVcM?p=preview

アップデート

上記のコードは正しく機能していません。アコーディオン内のすべてのグループを一度に折りたたむ/展開します。

より良い解決策については、このプランカーをご覧ください: http://plnkr.co/edit/RQKAoY04eVj1ysIikRxU?p=preview

于 2013-09-06T20:45:03.830 に答える
0

アコーディオン見出しクラスを対象とするスクリプトをページに追加して、class 属性を目的のアイコンに追加します。これらの投稿を参照して、これを行う方法についての洞察を得ることができるかもしれません。

Twitter Bootstrap アコーディオン アイコンが変わらない

Twitter Bootstrap 折りたたみ式 (アコーディオン) に開閉アイコンを追加する

于 2013-09-06T17:51:31.630 に答える