Javascript AngularJS基于url/条件显示div

我在一个

AngularJS

应用程序中有一个全局菜单。我不想在某些路径上显示一些链接。我试过以下方法。在我的控制器中：

$scope.location = $location;

我认为：

<div ng-if="location.path() != /signup">
  [Content] 
</div>

[内容]

但我不能让它工作。有什么想法吗

---

另外，是否有办法打印出页面上的当前路径？

只需引用将变量与之进行比较的字符串：

<div ng-if="location.path() != '/signup'">
  [Content] 
</div>

任何带有

$scope.location

的控制器都有效。

您应该查看“ng show”和“ng hide”。它们可以很容易地有条件地显示和隐藏页面上的内容。例如：

<div ng-show="myBoolean">Content will show when myBoolean is true</div>

---

只需将该逻辑替换为要在位置上检查的逻辑，它就会正确隐藏/显示。使用这个特定指令的真正好处是，您可以轻松地支持css动画/转换，这将允许您在隐藏和显示页面时将元素很好地淡入或淡出页面。希望这一切都有帮助。祝你好运

我更喜欢这种方法，而不是用你的答案让它起作用。我忘记了在控制器定义中包含

$location

MenuCtrl（$rootScope，$scope，$window，$location）

。我试图将{{location.path（）}}放在我的菜单视图中，但是页面上显示了{location.path（）}（普通初学者），我应该将其嵌入其他内容吗？你是否用

ng app

（html标记中）和

ng controller

（任何标记中）将其包围？是的，它在一个nav类中，其中包含我的ng控制器。那么，您的控制台是否抛出错误？你的ng是否有效？不，仍然无效。我觉得很奇怪<代码>$scope.location=$location和视图中的

应该可以工作，或者？

<div ng-show="myBoolean">Content will show when myBoolean is true</div>

 $scope.checkToggle = function(){
   // replace "myBoolean" with the logic that checks the path
   return $scope.myBoolean;
 };