移动中的可折叠 DIV

Question

我有一个要在网络版本中按原样显示的块。但是，我希望它在移动版本中处于折叠模式。我该怎么办？

我正在使用 AngularJS，但无法找到方法。

这是我的代码：

<button type="button" class="btn btn-default" ng-click="isCollapsed = !isCollapsed">Toggle collapse</button>
<div uib-collapse="!isCollapsed">
    <p>Some content that needs to be shown in the web version but this needs to be in collapsed mode in the mobile version</p>
</div>

Answer 1

可能最简单的方法是根据当前屏幕宽度在控制器中设置isCollapsed 的初始值。大致如下：

isCollapsed = window.innerWidth < 720;