在AngularJS中，可以使用ngAnimate模块来实现动画效果。为了解决“转换到不同的背景颜色只能单向工作”的问题，可以使用CSS样式中的transition属性和ng-class指令。

首先，确保你已经引入了ngAnimate模块：

然后，在你的HTML代码中，使用ng-class指令来动态添加或移除CSS类名。这里我们使用一个变量来控制背景颜色的改变：

  Change Color
  

接下来，在你的CSS中，定义背景颜色的转换效果：

.bg-red {
  background-color: red;
  transition: background-color 0.5s;
}

.bg-blue {
  background-color: blue;
  transition: background-color 0.5s;
}

最后，在你的AngularJS代码中，控制变量isRed的值来改变背景颜色：

angular.module('myApp', ['ngAnimate'])
.controller('myCtrl', function($scope) {
  $scope.isRed = true;

  $scope.changeColor = function() {
    $scope.isRed = !$scope.isRed;
  };
});

这样，当点击按钮时，背景颜色将从红色转换为蓝色，再次点击时则会从蓝色转换为红色。通过ng-class指令和CSS的transition属性，我们可以实现单向的背景颜色转换动画效果。