Jquery `ngAnimate`-集成问题

我已使用

bower

安装了我的

angular

。这是我的

bower.json

{
  "name": "TCP",
  "version": "1.0.0",
  "dependencies": {
    "jquery": "~2.1.4",
    "angular": "~1.4.1",
    "angular-animate": "~1.4.1"
  },
  "resolutions": {
    "angular": "~1.4.1"
  }
}

我正在app.js中启动

角度动画

，如下所示：

(function () {

    "user strict";

    angular.module("tcpApp", ["ngRoute","ngResource", "ngAnimate"])

    .config(function ($routeProvider, $locationProvider) {

        $routeProvider
            .when ("/", {
                templateUrl : "views/login/login.html",
                controller  : "loginController",
                className   : "login"
        });

        $routeProvider
            .when ("/home", {
                templateUrl : "views/home/home.html",
                controller  : "homeController",
                className   : "home"
        });

        $routeProvider
            .otherwise ({
                redirectTo:'/'
        });
    })

})();

<div class="wrapper">
        <div ng-class="pageClass" ng-view></div>
</div>

现在我想在页面加载时淡入登录页面。我已经应用了一个类名为

.loginAnimate

，并在索引页面中保留了该样式，如下所示：

(function () {

    "user strict";

    angular.module("tcpApp", ["ngRoute","ngResource", "ngAnimate"])

    .config(function ($routeProvider, $locationProvider) {

        $routeProvider
            .when ("/", {
                templateUrl : "views/login/login.html",
                controller  : "loginController",
                className   : "login"
        });

        $routeProvider
            .when ("/home", {
                templateUrl : "views/home/home.html",
                controller  : "homeController",
                className   : "home"
        });

        $routeProvider
            .otherwise ({
                redirectTo:'/'
        });
    })

})();

<div class="wrapper">
        <div ng-class="pageClass" ng-view></div>
</div>

TCP应用程序
.loginAnimate{转换：所有0.5s易用；}
.loginAnimate.ng-enter{
不透明度：0；
}
.loginAnimate.ng-enter.ng-enter-active{
不透明度：1；
}

但动画根本不起作用。而且我没有在

ng视图中获得
ng活动的
类名。有人帮我解决这个问题吗？
我从
ng视图的调整中删除了
，并添加到
login.html
页面。这对我来说很有用

我们是否应该在
ng视图
旁边添加任何内容

之前：

<div class="wrapper">
        <div class="loginAnimate" ng-class="pageClass" ng-view></div>
        <body-footer></body-footer> //removed
    </div>


//除去

现在我的包装是这样的：

(function () {

    "user strict";

    angular.module("tcpApp", ["ngRoute","ngResource", "ngAnimate"])

    .config(function ($routeProvider, $locationProvider) {

        $routeProvider
            .when ("/", {
                templateUrl : "views/login/login.html",
                controller  : "loginController",
                className   : "login"
        });

        $routeProvider
            .when ("/home", {
                templateUrl : "views/home/home.html",
                controller  : "homeController",
                className   : "home"
        });

        $routeProvider
            .otherwise ({
                redirectTo:'/'
        });
    })

})();

<div class="wrapper">
        <div ng-class="pageClass" ng-view></div>
</div>