如果屏幕很小，角度自举折叠盒

Question

在这里打砖墙。

我使用ui-bootstrap有一个1.5角应用程序。

我有一个面板，我需要在移动设备上折叠，但不能在桌面上折叠。

https://angular-ui.github.io/bootstrap/#/collapse

<div ng-controller="CollapseDemoCtrl">
    <button type="button" class="btn btn-default" ng-click="isCollapsed = !isCollapsed">Toggle collapse</button>
    <hr>
    <div uib-collapse="isCollapsed">
        <div class="well well-lg">Some content</div>
    </div>
</div>

从他们的文档中，上面将根据变量＆＃34; isCollapsed＆＃34;来切换div。

这很好，但有没有办法设置＆＃34; isCollapsed＆＃34;当窗口低于特定大小时自动为true？

Answer 1

您可以尝试类似isCollapsed =＆＃34; window.innerWidth＆lt; 500＆＃34;。如果窗口宽度小于500px，则应评估为真。