Question

我想为我的应用程序设置动画，所以我注入了ngAnimate，但现在我的视图都没有显示：

var spApp = angular.module('spApp', ['ngRoute','ui.bootstrap', 'ngAnimate'])
    .config(function($routeProvider, $locationProvider){
        var rootUrl = '/Style%20Library/projects/spDash/app/partials/';
        $routeProvider
        .when('/home', 
        {
            templateUrl: rootUrl+'home.html'
        })
        .when('/userView', 
        {
            templateUrl: rootUrl+'userView.html', 
            controller: 'userCtrl'
        })
        .when('/groupView', 
        {
            templateUrl: rootUrl+'groupsView.html', 
            controller: 'groupCtrl' 
        })
        .when('/sitesView',
        {
            templateUrl: rootUrl+'sitesview.html',
            controller: 'sitesCtrl'
        })
        .otherwise({redirectTo:'/home'});
        //$locationProvider.html5Mode(true);
    });

这是不正确的？

Answer 1

您在plunker中的应用程序演示缺少这样的应用程序声明，例如：

<body ng-app="spApp">

定义了控制器或主控制器。

<div ng-controller="mainCtrl">
      <ng-view></ng-view>
</div>

更多关于我不确定你的脚本声明。

这是一个配置的plunker：

http://plnkr.co/edit/tjDnzBu2PVSADKtbEFrL?p=preview

这是一个包含几个HTML文件的plunker。在原文中，你有“home.js”而不是“home.html”，但当部分保存为HTML时，它们似乎工作正常。

http://plnkr.co/edit/aa6fKoBljxRHe4zVPYBl?p=preview

Answer 2

角度和动画之间的版本不一样。角度为1.2.4，而动画为1.2.10。

升级角度解决了这个问题。

感谢您的努力。

注入ngAnimate后，ngRoute不再工作

2 个答案: