AngularJS - UI Bootstrap Аккордеонная группа - Открытая панель с ошибкой

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">