AngularJS + Webpack ngAnimate无法正常工作

时间:2019-02-27 13:52:00

标签: javascript angularjs ng-animate

我正在尝试使用ngAnimate和AngularJS 1.7.2制作动画。

我已经应用了一个简单的ng-if块只是为了查看AngularJS引擎是否实际上将ng-enter / leave / etc ..类切换到了该块:

<div ng-if="bool" class="fade">
   Fade me in out
  </div>
  <button ng-click="bool=true">Fade In!</button>
  <button ng-click="bool=false">Fade Out!</button>

正在显示该块并将其从DOM中删除,但是在控制台元素中,我看不到任何被切换的类-因此,我无法为其制作任何动画。

我正在使用Webpack运行AngularJS,这是初始化文件(仅显示所需内容):

var angular       = require('angular');
var ngRoute       = require('angular-route');
var ngSanitize    = require('angular-sanitize');
var ngAnimate     = require('angular-animate');
var app           = angular.module("taxi4you-drivers", [ngRoute, ngSanitize, ngAnimate]);

ngRoute 可以作为例外,但ngAnimate不会将任何类添加到刚刚添加的块中。

0 个答案:

没有答案