AngularJSでng-classを使用して特定のページにのみ要素にクラスを追加するにはどうすればよいですか？

Question

非常に簡単な質問です。しかし、私は立ち往生持っている：

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

私に必要なのは、我々は「/ certainpage」にしているクラスのみを表示することです。

Answer 1

は角度の場所を使用します。

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

あなたが探しているもの（あなたには、いくつかのクエリ文字列、例えば/certainpageを持っている場合$location.url()が動作しない場合があります？= 1）$location.path()です。

コントローラ内で次に

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

：

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