Question

我正在建造一支手风琴并遇到了引导程序＆＃34; Collapse＆＃34;。

collapse="isCollapsed"

当我加载页面时，＆＃34;共享连接＆＃34;面板默认是打开的，我想要拥有所有面板＆＃34;共享连接＆＃34; ＆安培; ＆＃34;其他连接＆＃34;默认情况下关闭，直到用户与它们交互。

到目前为止，通过我的研究，我还没有看到这样做。

这是我的代码：

<div class="col-xs-12">
                      <div class="connections-wrap" ng-click="isCollapsed = !isCollapsed">
                        <span class="connection-amount">3</span>
                        <span class="connection-type">Shared connections</span>
                        <i class="vf-i"></i>
                      </div>
                      <ul class="connections-list" collapse="isCollapsed">
                        <li>
                          <span class="connection-device">Eddie Benson Tablet</span>
                          <span class="connection-number">021 019 17338</span>
                        </li>
                        <li>
                          <span class="connection-device">Eddie Work Phone</span>
                          <span class="connection-number">021 019 17343</span>
                        </li>
                        <li>
                          <span class="connection-device">Eddie Work Android</span>
                          <span class="connection-number">021 019 17339</span>
                        </li>
                      </ul>
                      <div class="connections-wrap">
                        <span class="connection-amount">2</span>
                        <span class="connection-type">Other connections</span>
                        <i class="vf-i"></i>
                      </div>
                    </div>

Answer 1

这是解决方案 - 需要ng-init =＆＃34; true＆＃34;因为崩溃不是在负载初始化。

ng-init="isCollapsed = true"

Angular JS＆＃34; Collapse＆＃34; |默认情况下关闭视图

1 个答案: