面板可折叠的重新加载页面,而不是隐藏面板| angularjs | 引导程序| ng-repeat

丹妮尔·弗鲁特(Daniele Vrut)

我对此代码不知所措:

<div class=" col-md-3 col-lg-2 hidden-xs hidden-sm">
    <div class="panel-group" id="mainMenuCollapsible">
        <div ng-repeat="item in menuItems">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <a data-toggle="collapse" data-parent="#mainMenuCollapsible" href="#collapse_{{ $index }}">
                            {{ item }}
                        </a>
                    </h4>
                </div>
                <div id="collapse_{{ $index }}" class="panel-collapse collapse" >
                    <div class="panel-body">
                        BLA BL
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

没有机会使它正常工作。当我单击任何面板的标题时,页面会重新加载,显示选定的面板,但没有视觉效果。我的代码与bootstrap示例完全相同

我在正确的位置放置了所有jss(jquery 2.0.3,bootstrap.min 3.0.2,angular 1.2)。

我还尝试删除ng-repeat并在没有运气的情况下使用单个面板。我想念什么?非常感谢

丹妮尔·弗鲁特(Daniele Vrut)

解决了我的自我。截取路线#collapse_X的角度是倾斜的。使用数据目标而不是href:

data-target="#collapse_{{ $index }}"

解决完美!

希望这对某人有帮助。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

AngularJs ui引导程序,使用ng-repeat和id打开日历

来自分类Dev

AngularJS ng-repeat加载状态

来自分类Dev

页面加载AngularJS 1.2 ng-repeat动画

来自分类Dev

AngularJS:$ http加载页面ng-repeat无法正常工作

来自分类Dev

angularjs引导程序水平折叠

来自分类Dev

angularjs引导程序水平折叠

来自分类Dev

带有角度ng-repeat的样式引导程序行

来自分类Dev

带有角度ng-repeat的样式引导程序行

来自分类Dev

AngularJS。嵌套ng-repeat

来自分类Dev

AngularJS ng-repeat rerender

来自分类Dev

AngularJS if statement with ng-repeat

来自分类Dev

AngularJS“垂直” ng-repeat

来自分类Dev

嵌套的ng-repeat angularjs

来自分类Dev

AngularJs。ng-repeat问题

来自分类Dev

AngularJS IF ELSE 与 ng-repeat

来自分类Dev

ng-repeat中的Angularjs显示和隐藏按钮

来自分类Dev

ng-repeat中的Angularjs显示和隐藏按钮

来自分类Dev

ng-repeat中的Angularjs显示和隐藏按钮

来自分类Dev

用ng-repeat隐藏的AngularJS输入类型

来自分类Dev

AngularJS +使用ng-repeat加载多个数组

来自分类Dev

AngularJS ng内单击ng-repeat

来自分类Dev

ng-if在ng-repeat angularjs中

来自分类Dev

使用 ng-repeat 更改折叠面板内容

来自分类Dev

如何使用AngularJS和ng-repeat derective在模态引导中显示图像?

来自分类Dev

使用ng-repeat进行ng-hide隐藏时的angularjs $索引

来自分类Dev

如何使用ng-repeat和ng-if在AngularJS中显示或隐藏某些HTML标签

来自分类Dev

AngularJS-范围不是ng-repeat的ng-click事件中预期的范围

来自分类Dev

无法使用AngularJS ng-repeat和ng-src指令加载图像

来自分类Dev

AngularJS:暂停引导程序,直到加载资源