AngularJS-更改元素'；输入动画

我的页面中有多个状态可更改以下元素：

<header ng-view></header>

并将我的标题更改为：

<header ng-view class='slideInLeft slideOutRight'></header>

这很有效，但当我想在跑步时更改动画时，问题就出现了。由于用户可以转到下一页或上一页，因此类应该从“slideInLeft slideOutRight”更改为“slideOutLeft slideInRight”

我试图直接更改class属性，但是新元素（正在输入的元素）仍然与以前一样使用相同的类。 我尝试使用ng class='someVar'并为'someVar'提供类的名称，但这也不起作用，我猜angular没有机会更新UI，因为我在使用$state之前更改了'someVar'的属性。转到新页面

---

以前有人做过/有办法解决这个问题吗？

我用以下方法成功地做到了：

<header ng-view ng-class="getAnimation()"></header>

<header ng-view ng-class="getAnimation()"></header>

$scope.getAnimation = funtion()
{
    return $scope.classVar;
}

$scope.nextClick = function()
{
    $scope.classVar = "slideInLeft slideOutRight";
}

$scope.prevClick = function()
{
    $scope.classVar = "slideOutLeft slideInRight";
}