隐藏页脚如果网址是＆＃39; / contact＆＃39;和屏幕尺寸中等或大

Question

我正在使用AngularJS和Bootstrap。

我有一个带有类页脚的div，如下所示：

<div class="footer">
    .....
</div>

我想要实现的目标是什么？

我想在两个条件下隐藏这个div：

1. 如果浏览器中的网址是＆＃39; / contact＆＃39;
2. 如果屏幕尺寸中等或大。

如果满足上述两个条件，则只隐藏div。

我所知道的：

1. 我知道如何检测AngularJS中的url： 我可以使用$location.path。

2. 我也知道我可以使用媒体查询来显示或隐藏css中的元素。还有像visible-md和visible-lg这样的课程可以帮助我。

我不知道的事情：

两种上述条件的组合。

Answer 1

在js文件中添加此代码

$scope.contactPath = false;
if($location.path === "contact")
{
    $scope.contactPath = true;
}

并将此代码放入您的html文件

<div data-ng-if="contactPath" class="footer visible-md visible-lg">
    .....
</div>

现在，只有当contactPath为true且屏幕大小为中等或大时，您才能看到。