angularjs - 如果 $location.url == 基本(根)url，如何使用 ng-hide？

Question

我希望在 Angular 应用程序除主页之外的每个页面的导航下方显示一个 ← 返回主页 链接。因此，如果网址已位于应用程序的主页( View )上，我想有条件地添加链接并使用 ng-hide 隐藏它。

我尝试使用 Angular 的 $location 服务，但没有成功

<p ng-hide="location.hash == '#/'" class="container"><a href="#topics">&larr; Back to Home</a></p>

我尝试了以下变体:

ng-hide="location.hash == '#/' " //console.log shows true
ng-hide="location.hash === '#/' " //console.log shows true
ng-hide="location.hash == '' "    //console.log shows false

我很困惑，因为如果我在主页上记录 location.hash == '#/' 的值，我会得到 true，所以 ng-hide 应该可以工作。

基本上我正在尝试此处列出的第三种方法: How do I use angular ng-hide based on the page/route that I am currently on?但这不起作用。该页面上的其他两种方法对于我想要实现的目标来说似乎过于复杂。

我错过了什么？

Answer 1

首先，当你使用location.hash或location.url时，你实际上使用的是window.location javascript对象，你应该使用Angular提供的$location服务。所以在你的 Controller 中我会创建:

$scope.currentPath = $location.path();

在你的html中:

<div ng-hide="currentPath === '/'"></div>

虽然我会小心“#/”和“/”，但我只使用 html5 模式，所以我不确定 $location.path 将返回什么，但您可以使用 console.log 轻松检查它($location.path()) 不过我认为它只会返回“/”，因为那是 Angular 的路径，它不应该关心#。