Angular动画不适用于ng-show

Question

我无法为错误框的显示设置动画，如下所示：

<div ng-show="errorbar" class="alert alert-danger">   {{myerror}} </div>

我的角度代码：

if(x.length == 0 || y.length == 0) {$scope.myerror = "Please select atleast one X."; $scope.errorbar = true;}

我尝试了以下代码，但它没有用，错误框立即出现，没有任何动画。我从这里使用CSS http://jsfiddle.net/elthrasher/sNpjH/

<div ng-show="errorbar" ng-animate="'fade'" class="alert alert-danger">   {{myerror}} </div>