为什么在使用data-ng-if Angular指令时刷新页面？

Question

当我的屏幕大于1700像素时，我需要在div下方显示，但我有一个非标准的问题：当isMonitorIsBig === false时，我的DOM没有刷新，但我的所有页面都刷新了，之后这个块正确显示。

<div class="some classes" data-ng-if="!isMonitorIsBig">... .. . ... </div>

在我更改窗口宽度之后需要刷新整个单页面应用程序它不是很舒服，我该如何解决这个问题？

Answer 1

您可能希望使用CSS来进行媒体查询：

@media only screen and (min-width: 1700px) {
    .lg-hide {
        display: none;
    }
}

HTML：

<div class="lg-hide">This div hides on a screen with a width > 1700px</div>