Angularjs 动态等级为1.2rc1的nAnimate
新的ngAnimate与硬编码类一起工作:Angularjs 动态等级为1.2rc1的nAnimate,angularjs,Angularjs,新的ngAnimate与硬编码类一起工作: <div ng-view class="forward"></div> .forward.ng-enter { -webkit-animation: from_right 10s ease; } .forward.ng-enter{ -webkit动画:从右10秒轻松; } 但不是动态类: <div ng-view ng-class="{'forward': true}"></div>
<div ng-view class="forward"></div>
.forward.ng-enter {
-webkit-animation: from_right 10s ease;
}
.forward.ng-enter{
-webkit动画:从右10秒轻松;
}
但不是动态类:
<div ng-view ng-class="{'forward': true}"></div>
如何在进入和退出动画之间动态切换(例如,在电话向导中前进和后退)?我花了五个小时试图解决这个完全相同的问题,因为我正在尝试做完全相同的事情。事实证明,这是rc1中的一个bug,现在在rc2中 基本上,ngAnimate在可以解释类之前就已经运行了,但现在已经修复了。您的示例现在应该可以使用了:
<div ng-view ng-class="{ 'foo': bar }"></div>
<div ng-view class="foo"></div>
angular.module('app', []);
app.config(['$routeProvider', function($routeProvider) {
$routeProvider
.when('/one', { templateUrl: '/one.html', controller: 'viewOneCtrl' })
.when('/two', { templateUrl: '/two.html', controller: 'viewTwoCtrl' });
}]);
app.controller('viewOneCtrl', ['$scope', function($scope) {
$scope.foo = 'view-one';
}]);
app.controller('viewTwoCtrl', ['$scope', function($scope) {
$scope.foo = 'view-two';
}]);