Question

我有一个包含多个Accordion Group的页面，如下面的代码。提交后，我想如果有可能打开第一个手风琴组与错误（在我的代码中我有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

这是我在代码中使用它的方式：在控制器中定义一个布尔变量，并将其与accordion group的is-open属性一起使用。您可以根据控制器功能中的要求将booleanVariable的值修改为true或false。

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

AngularJS - UI Bootstrap手风琴组 - 打开面板有错误

1 个答案: