AngularJS - UI Bootstrap Akkordeon Gruppe - Offenes Panel mit Fehler

Question

Hallo ich habe eine Seite mit mehreren Accordion Group wie Code unten. Nach einreichen möchte ich, wenn möglich, öffnen Sie das erste Akkordeon-Gruppe mit dem Fehler (in meinem Code habe ich 2 Akkordeon-Gruppe mit 2 verschiedenen Eingabe erforderlich)

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

Senden

Answer 1

Dies ist, wie ich es in meinem Code: Definieren Sie eine boolesche Variable in Ihrem Controller und verwenden Sie es mit is-open Eigenschaft der Akkordeongruppe. Sie können den Wert von booleanVariable zu true oder false gemäß Ihren Anforderungen in den Controller-Funktionen ändern.

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