移动中的可折叠DIV

Question

我有一个块，它将在Web版本中显示为原样。但是，我希望它在移动版本的折叠模式下。我应该怎么做呢？

我使用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;