UI Boostrap手风琴

时间:2016-05-19 09:32:09

标签: angularjs angular-ui-bootstrap accordion web-frontend

真的很难解决这个简单的问题。手风琴有几个部分。我遇到的问题是我希望顶级手风琴部分默认扩展,但是,由于不同部分的数据是从api调用填充的,如果顶部下面的部分返回顶部后面的数据,他们会收缩或折叠顶部。我可以使顶部下方的部分不会展开,并在顶部加载展开时模拟鼠标单击,但如果数据从下面的部分返回,它会再次折叠顶部。

这是我手风琴的一部分的代码:

    <accordion>
    <div class="zone zone-aside-right">



            <div data-ng-controller="SelectUserController" id="account-group-widget">
                <accordion-group class="sp-sidebar-module">
                    <div>
                        <accordion-heading>
                            <h3 class="h4 sp-sidebar-module-header">
                                <a id="headerRelatedContacts" href="javascript: void(0);" data-ng-click="isOpen = !isOpen"><i id="iconRelatedContacts" class="icon-refresh icon-spin"></i>@mycontact.text</a>
                            </h3>

                        </accordion-heading>
                        <div class="sp-sidebar-module-content" ng-cloak>
                            <ul id="account-groups-list" class="sp-account-groups">
                                <li class="" ng-repeat="x in contacts">
                                    <div>
                                        <h4 style="display: block; width: 50%; float:left" class="h4 sp-account-group-name"><b>{{x.clientTaxonomy}}</b></h4>
                                        <h4 style="display: block; width: 50%; float:left" class="h4 sp-account-group-name">{{x.fullname}}</h4><br>
                                        <h4 style="display: block; width: 50%; float: left" class="h4 sp-account-group-name">{{x.contactdata}}</h4><br>
                                        <h4 style="display: block; width: 50%; float:left" class="h4 sp-account-group-name"><a href="mailto:{{x.contactemail}}">Contact me</a></h4>
                                    </div>
                                    <div>
                                        <img style="width: 100px; height: 100px; margin-top: -30px" onError="this.onerror=null;this.src='@Url.Content(Html.ThemePath(WorkContext.CurrentTheme, "/_images/RelatedContacts/default.jpg"))'"
                                             src="@Url.Content(Html.ThemePath(WorkContext.CurrentTheme, "/_images/RelatedContacts/{{x.userclientcode}}.jpg"))" />
                                    </div>
                                    <br>
                                </li>
                            </ul>
                        </div>
                    </div>
                </accordion-group>
            </div>
<accordion>

0 个答案:

没有答案