Question

有人可以帮助我如何根据控制器中的url路径切换元素的css类吗？

我尝试使用下面的代码尝试此操作，当我将路径更改为“用户”时，课程不会更改，请帮助，谢谢。

html：

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

在控制器中：

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

};

Answer 1

这是我的答案。唯一的问题是我不知道viewLocation是什么。

我会这样写：

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

该功能将是：

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

这样可以保留控制器中的所有逻辑并为您提供更多控制。您也可以将其设为switch语句，而不是if/else。确保在控制器中注入$location。

根据位置路径通过控制器更改css类

1 个答案: