ngAnimate 1.5.6 не добавляя входить и выходить классы нг ракурса

Использование угловых и угловых одушевленные, оба 1.5.6ngAnimate 1.5.6 не добавляя входить и выходить классы нг ракурса

Я не имеющий успех с ngAnimate. Из того, что я могу сказать, классы ng-enter и ng-leave не добавляются к <div class="col-xs-12 view-animation" ng-view></div>. Что я делаю не так?

index.html:

<body ng-app="gulpNewy"> 
    <div id="sidebar-back-drop"></div> 
    <div class="row"> 
     <div id="sidebar-bar-static"> 
     <a href="#home" class="button-side btn btn-block btn-inverse">Home</a> 
     <a href="#examples" class="button-side btn btn-block btn-inverse">Examples</a> 
     </div> 
    </div> 

    <div class="viewport row"> 
     <div class="col-xs-12 view-animation" ng-view></div> 
    </div>

CSS:

.ng-enter, .view-animation.ng-enter { 
    left: 500px; 
} 

.ng-leave, .view-animation.ng-leave-active, .view-animation.ng-leave { 
    left: -500px; 
}

app.js:

var gulpNewy = 
    angular 
    .module('gulpNewy', ['ngRoute', 'ngAnimate']) 
    .config(function($routeProvider) { 
     $routeProvider 
      .when('/home', { 
       templateUrl: 'views/home.html', 
       controller: 'homeCtrl' 
      }) 
      .when('/examples', { 
       templateUrl: 'views/examples.html' 
      }) 
     $routeProvider.otherwise({ redirectTo: '/home'}); 
    });

источник

2016-06-02 dman

Проблема заключалась в том, что анимация происходила быстро. Однажды я использовал

.view-animation { 
    -webkit-transition: 1s; 
}

Я мог видеть анимацию.

источник

2016-06-02 16:34:28 dman

-1

Вам нужно изменить класс от контроллера. См. https://www.google.com.ar/url?sa=t&source=web&rct=j&url=http://www.nganimate.org/&ved=0ahUKEwi_puevzonNAhXGlR4KHT-yApoQFggbMAE&usg=AFQjCNFuh3t3sGVMwBfRRh50fkenHFUpGw&sig2=9asfdX8gJs0msLmwyezNnA

источник

2016-06-02 15:04:20

Я не думаю, что это правильно. Вы только изменили бы класс с контроллера, если бы вам нужна настраиваемая анимация на основе представления. Я говорю об одной анимации для всех просмотров. Чтение примера в https://docs.angularjs.org/api/ngRoute/directive/ngView#animations не происходит смены класса в контроллерах. – dman

ngAnimate 1.5.6 не добавляя входить и выходить классы нг ракурса

ответ

Смежные вопросы