Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/elixir/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 动态等级为1.2rc1的nAnimate_Angularjs - Fatal编程技术网

Angularjs 动态等级为1.2rc1的nAnimate

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>

新的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>


如何在进入和退出动画之间动态切换(例如,在电话向导中前进和后退)?

我花了五个小时试图解决这个完全相同的问题,因为我正在尝试做完全相同的事情。事实证明,这是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';
}]);