ngAnimate 1.5.6 не добавляет классы входа и выхода в ng-view

Question

ngAnimate 1.5.6 не добавляет классы входа и выхода в ng-view

0

Использование угловых и угловых анимированных, как 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'});
  });

dman 02 июнь 2016, в 17:24

Источник

Теги:

angularjs

2 ответа

-2

Вам нужно изменить класс с контроллера. См. 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

Nicolas Gliksberg 02 июнь 2016, в 12:58

0

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

Ещё вопросы

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

dman · Accepted Answer · 2016-06-02T14-53-00.000Z

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

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

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