如果屏幕很小，则角度引导折叠框

Angular bootstrap collapse box if screen is small

本文关键字：折叠 屏幕 如果      更新时间：2023-09-26

在这里撞上了一堵砖墙。

我有一个使用 ui-bootstrap 的 angular 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>

从他们的文档中，上面的内容将根据变量"isCollapsed"切换折叠div。

这很好，但是有没有办法在窗口低于特定大小时自动设置"isCollapsed"true？

你可以

尝试类似isCollapsed="window.innerWidth<500"的东西。如果窗口宽度小于 500px，则计算结果应为 true。

相关文章：