Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/398.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 为角JS折叠引导DIV设置默认打开状态?_Javascript_Jquery_Css_Angularjs_Twitter Bootstrap - Fatal编程技术网

Javascript 为角JS折叠引导DIV设置默认打开状态?

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

我有一个引导折叠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 "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>