Javascript 为角JS折叠引导DIV设置默认打开状态?
我有一个引导折叠div,我已经为Angular JS进行了调整:Javascript 为角JS折叠引导DIV设置默认打开状态?,javascript,jquery,css,angularjs,twitter-bootstrap,Javascript,Jquery,Css,Angularjs,Twitter Bootstrap,我有一个引导折叠div,我已经为Angular JS进行了调整: <fieldset> <legend data-toggle="collapse" data-target="#radios" class="data-toggle" collapse>Radio Buttons</legend> <div id="radios" class="panel-collapse collapse"> <!-- add class
<fieldset>
<legend data-toggle="collapse" data-target="#radios" class="data-toggle" collapse>Radio Buttons</legend>
<div id="radios" class="panel-collapse collapse">
<!-- add class "collapse" to start out closed -->
<div class="panel-body">
...stuff...
</div>
</div>
</fieldset>
它的工作原理是这样的,当它开始关闭并切换打开和关闭
由于BS方法是在子对象(面板)上设置类,我不确定如何影响角度触发器对象,因此更改该类将在开始时将状态/类设置为“打开”
换句话说,如果我删除该类,div开始打开,但
图例没有打开的类,因此图标为“关闭”。我试图避免设置两件事;寻找一种将默认设置为打开或关闭的简单方法。虽然没有直接回答,但为您的问题提供了一个可能的解决方法/解决方案,我正在使用角度引导库为该引导控件和其他引导控件执行类似的任务。图书馆可以找到
适合您的用例的折叠插件示例:
<fieldset>
<legend ng-click="isCollapsed = !isCollapsed">Radio Buttons</legend>
<div id="radios" class="panel-collapse" collapse="isCollapsed">
<div class="panel-body">
...stuff...
</div>
</div>
</fieldset>
单选按钮
东西
然后,在角度指令或控制器中,您可以设置isCollapsed=true或false
,具体取决于您希望它在默认情况下开始打开还是关闭
<fieldset>
<legend ng-click="isCollapsed = !isCollapsed">Radio Buttons</legend>
<div id="radios" class="panel-collapse" collapse="isCollapsed">
<div class="panel-body">
...stuff...
</div>
</div>
</fieldset>