角向活动元素添加类

Question

我如何在这种情况下将活动类添加到带有角度的菜单

HTML代码

<div class="categories" ng-controller="CategoryController">    
  <ul class="menu">     
    <li ng-repeat="category in categories">
      <a ng-click="sendCategory(category)">{{category.name}}</a>
    </li>
  </ul>    
</div>

js代码

myApp.factory('Categories', ['$http',      
    function ($http) {      
        return {       
            get: function (callback) {      
                $http.get('data/categories.json').success(function (data) {      
                    callback(data);       
                })       
            }       
        }       
    }       
]);

Answer 1

使用以下语法：

<ul class="menu" ng-class="{classname: variableFromScope}">

在需要的地方，在控制器中将此变量设置为true或false（以激活或停用您的classname类）：

$scope.variableFromScope = true;

Answer 2

这是解决方案

html代码<ul class="menu">
<li ng-repeat="category in categories"><a ng-click="sendCategory(category)" ng-class="{ active: activePath=='/{{category.name}}' }">{{category.name}}</a>
</li>
</ul> <ul class="menu">
<li ng-repeat="category in categories"><a ng-click="sendCategory(category)" ng-class="{ active: activePath=='/{{category.name}}' }">{{category.name}}</a>
</li>
</ul>

js代码

`
myApp.controller（'CategoryController'，函数（$ scope，$ route，$ location，$ http，Categories）{

Categories.get(function (response) {
    $scope.categories = response;
});

$scope.sendCategory = function (category) {
    $location.path(category.name);
};
$scope.activePath = null;
$scope.$on('$routeChangeSuccess', function () {
    $scope.activePath = $location.path();
    console.log($location.path());
});

}）`