Я создаю большую форму ввода в angular. Чтобы сделать приложение удобным для пользователя, я разбил форму на множество разных разделов. Мне нужно, чтобы каждый раздел находился в другой группе аккордеона. Каждый раздел должен пройти проверку, и пользователь не может продолжить работу, пока не будет выполнена требуемая проверка поля.
На главной странице приложения я добавил разметку для аккордеона. Каждый раздел в аккордеоне является пользовательской директивой. Директива содержит разметку для каждой группы (форма ввода и проверка), а также содержит код для подключения к соответствующим службам для сохранения состояния в базе данных.
Образец кода
<uib-accordion close-others="true">
<uib-accordion-group heading="Person Details" is-open="heading1.isOpen">
<div person-details></div>
<button class="btn btn-default btn-sm pull-right" ng-click="heading2.isOpen = !heading2.isOpen">Next <i class="glyphicon glyphicon-chevron-right"></i></button>
</uib-accordion-group>
<uib-accordion-group heading="Address Details" is-open="heading2.isOpen">
<div address-details></div>
<button class="btn btn-default btn-sm pull-right">Next <i class="glyphicon glyphicon-chevron-right"></i></button>
</uib-accordion-group>
</uib-accordion>
Сложность в том, как управлять тем, какая группа аккордеона открыта в любое время. В приведенном выше примере кода у меня есть кнопка «Далее», чтобы открыть следующую группу аккордеона. Однако эта кнопка должна находиться в самих директивах, чтобы управлять проверкой. Проблема в том, что директивы должны знать, как управлять аккордеоном, чтобы изменить активную группу аккордеона - как-то всплыть.
Пожалуйста, у кого-нибудь есть мысли по этому поводу? Если вы думаете, что я иду по этому пути неправильно, пожалуйста, дайте мне знать.
Спасибо
