change css klasse abhängig vom ortspfad über controller

Question

Kann mir jemand helfen, wie ich die css-klasse eines elements basierend auf dem url-pfad im controller umschalten kann?

Ich habe versucht, dies mit dem Code unten zu versuchen, wenn ich den Pfad zu 'Benutzer' ändern die Klasse nicht ändert, bitte helfen, danke.

die html:

<figure data-ng-class="{'account-balance': !isVisitor, 'lang-selector': isVisitor}"> 

in der Steuerung:

$scope.accountView = function(viewLocation) { 
if(viewLocation === $location.path('/visitor')) { 
    return $scope.isVisitor; 
} 

};

Answer 1

Hier ist meine Antwort. Die einzige Sache ist, ich weiß nicht, was viewLocation ist.

würde ich es so schreiben:

$scope.accountView = function(viewLocation) { 
    var res; 
    if(viewLocation === $location.path('/visitor')) { 
    res = 'lang-selector'; 
    } else { 
    res = 'account-balance'; 
    } 
    return res; 
}; 

in der Steuerung Dies hält alle Logik und gibt Ihnen mehr Kontrolle:

<figure data-ng-class="accountView(viewLocation)">

Die Funktion wäre. Sie könnten dies auch zu einer switch Aussage anstatt einer if/else machen. Stellen Sie sicher, dass $location in den Controller injiziert wird.