如何使用AngularJS中的ng-class仅在某个页面上向元素添加类？

Question

这似乎是一个非常简单的问题。但是我被卡住了：

<div ng-class="if we're on '/certainpage' : some-class"></div>

我只需要在'/ certainpage'上显示课程。

Answer 1

使用Angular的位置：

https://docs.angularjs.org/api/ng/service/$location

var url = $location.url();

不要忘记将服务添加到您的指令中。

$scope.checkLocation() = function() {
  var url = $location.url();
  if (url = 'yourUrlToCheck')
    return true
  return false
}

.red {
 color : red; 
}

<div ng-class="{'red': checkLocation() }">Here is a div</div>

Answer 2

您正在寻找的是$location.path()（$location.url()如果您有一些查询字符串可能无效，例如 / certainpage？a = 1 ）。

<div ng-class="{'some-class': isOnCertainPage()}"></div>

然后在你的控制器中：

$scope.isOnCertainPage = function() {
    return $location.path() === "/certainpage";
};