Angularjs根据屏幕尺寸响应式隐藏和显示

大家好，我正在努力实现这一目标

当用户在桌面上时，他在访问页面时应该看到该块，而当用户在移动设备上时应该看到该按钮，然后他应该能够切换它。

我可以通过设置使用 CSS 媒体查询显示按钮显示：无当屏幕尺寸显示：无 to block通过增加ng-click="showBlocks={'display': 'block'}

但我不确定如何才能使其在某种意义上发挥作用，当我再次单击它时，它应该再次隐藏块。

我尝试过 ng-hide/show 但它不起作用，除非我删除显示：无对于移动设备尺寸，当我删除它时，我在第一次访问该页面时无法看到这些块。

请帮助我，我已经浪费了很多时间。提前致谢

如果没有代码示例，就很难知道您在哪里。如果您设法获得隐藏块的按钮（就像您所说的那样）ng-click="showBlocks={'display': 'block'}）然后添加一个变量应该就足够了。将其添加到按钮元素：

ng-init="show=true;" ng-click="show = !show; showBlocks={'display': (show?'block':'none')};"

如果有效，则将初始化逻辑移至控制器以保持整洁。