1

我想为我的应用程序设置动画，所以我注入了 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);
    });

这是不正确的吗？

4

2 回答 2

0

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

<body ng-app="spApp">

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

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

此外，我不确定您的脚本声明。

这是一个配置的plunker：

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

这是一个带有一些 HTML 文件的插件。在原版中，您使用的是“home.js”而不是“home.html”，但是当部分保存为 HTML 时，它们似乎可以正常工作。

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

于 2014-02-04T20:22:59.263 回答
0

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

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

感谢您的尝试。

于 2014-02-05T02:24:38.573 回答