可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效，请关闭广告屏蔽插件后再试):

问题:

I wanted to animate my application so I injected ngAnimate but now none of my views are displaying:

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);
    });

Is this incorrect?

回答1:

Your application demo in the plunker is missing the app declaration like this for example:

<body ng-app="spApp">

There is controller or main controller defined.

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

More over I am not sure about your script declaration.

Here is a plunker configured:

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

Here's a plunker with a few HTML files. In the original, you had "home.js" instead of "home.html", but when the partials are saved as HTML they seem to work fine.

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