AngularJS - UX Bootstrap Accordion Group - Открытая панель с ошибкой

Question

Привет, у меня есть страница с несколькими Аккордеонными Группами, как код ниже. После отправки я хочу, если возможно, открыть первую группу аккордеонов с ошибкой (в моем коде у меня есть 2 группы аккордеонов с 2 различными входными данными)

    <uib-accordion class="accordion-bs" id="accordionTest">
    <uib-accordion-group heading="Referente 2" >
        <div class="panel-body">
            <div class="col-xs-6 form-horizontal paddL0">
                <div class="form-group" >
                     <div class="col-xs-7">
                        <input type="text" class="form-control SB-width" name="ref2_nome" ng-model="data.ref2_nome" required>
                        <span ng-if="datiRiferimentiForm.ref2_nome.$invalid && !datiRiferimentiForm.ref2_nome.$pristine" class="help-block help-width">Error</span>
                    </div>
                </div>
            </div>
        </div>
    </uib-accordion-group>
    <uib-accordion-group heading="Referente 2" >
        <div class="panel-body">
            <div class="col-xs-6 form-horizontal paddL0">
                <div class="form-group" >
                     <div class="col-xs-7">
                        <input type="text" class="form-control SB-width" name="ref2_cognome" ng-model="data.ref2_cognome" required>
                        <span ng-if="datiRiferimentiForm.ref2_cognome.$invalid && !datiRiferimentiForm.ref2_cognome.$pristine" class="help-block help-width">Error</span>
                    </div>
                </div>
            </div>
        </div>
    </uib-accordion-group>
</uib-accordion>

Отправить

Answer 1

Вот как я использую это в своем коде: определите логическую переменную в вашем контроллере и используйте ее с is-open собственность аккордеонной группы. Вы можете изменить значение booleanVariable в true или же false согласно вашим требованиям в функциях регулятора.

<accordion-group is-open="booleanVariable">