angular-ui-bootstrap: отключить заголовок группы после расширения

У меня есть требование отключить операцию сворачивания при нажатии группы аккордеона angular-ui-bootstrap. Он должен расширяться при щелчке, но не сворачиваться при повторном нажатии, а должен сворачиваться при щелчке любой другой группы-аккордеона (что является поведением по умолчанию. Любые предложения приветствуются.


javascript angularjs angular-ui-bootstrap
person Hasteq    schedule 31.03.2015    source источник
comment
Почему бы не использовать для этого опцию is-disabled директивы accordion-group?   -  person Ilya Luzyanin    schedule 31.03.2015
comment
добавьте что-то вроде флага при нажатии и проверьте, верно ли это или нет, сделайте наоборот angular -ui.github.io/bootstrap/#/accordion. Посмотрите этот пример   -  person Arpit Srivastava    schedule 31.03.2015
comment
Да, это часть решения. Но как новичок я пытаюсь понять, как мне включить это обратно, когда я нажимаю другую группу аккордов.   -  person Hasteq    schedule 31.03.2015

Ответы (1)


arrow_upward
2
arrow_downward

Вы можете использовать один и тот же флаг для свойств is-open и is-disabled, например:

<accordion close-others="true">
  <accordion-group heading="{{group.title}}" ng-repeat="group in groups" is-open="group.isOpen" is-disabled="group.isOpen">
    {{group.content}}
  </accordion-group>
</accordion>

См. небольшую демонстрацию.

person Ilya Luzyanin    schedule 31.03.2015