Javascript AngularJS:$routeProvider isn'；行不通_Javascript_Angularjs

Javascript AngularJS:$routeProvider isn'；行不通

javascript angularjs

Javascript AngularJS:$routeProvider isn'；行不通,javascript,angularjs,Javascript,Angularjs,我是javascript和angularJS新手，配置$routeProvider时有点问题。它根本不显示任何内容。这是我的密码： var route = angular.module('app', []); route.config(['$routeProvider', function($routeProvider) { $routeProvider .when('/home', {templateUrl: 'partials/home.html'})

我是javascript和angularJS新手，配置$routeProvider时有点问题。它根本不显示任何内容。这是我的密码：

var route = angular.module('app', []);

route.config(['$routeProvider', function($routeProvider) {
    $routeProvider
        .when('/home', {templateUrl: 'partials/home.html'})
        .when('/about', {templateUrl: 'partials/about.html'})
        .otherwise({redirectTo: '/home'})
}]);
var ap = angular.module('app', ['snap']);

ap.controller('MainCtrl', function($scope) {
    $scope.opts = {
        disable: 'right'
    };
});

以及HTML：

<!DOCTYPE html>
<html ng-app="app">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, target-densitydpi=device-dpi" />
        <title>Test</title>
        <link rel="stylesheet" type="text/css" href="css/style.css" />
        <link rel="stylesheet" type="text/css" href="css/angular-snap.css" />


        <script src="js/angular-1.2.4.min.js" type="text/javascript"></script>
        <script src="js/snap.js" type="text/javascript"></script>
        <script src="js/angular-snap.js" type="text/javascript"></script>
        <script src="js/app.js" type="text/javascript"></script>
    </head>

    <body ng-controller="MainCtrl">

        <nav snap-drawer class="nav">
            <a href="#home">Home</a>
            <a href="#about">About us</a>
        </nav>

        <snap-content snap-options="opts"> 

            <header class="header">
                <button snap-toggle>
                    <img src="img/icon-menu.png" width="60px" />
                </button>
                Test
            </header>

            <div ng-view>
            </div>

        </snap-content>



        <script src="cordova.js" type="text/javascript"></script>
        <script type="text/javascript">
            app.initialize();
        </script>
    </body>
</html>


试验
试验
app.initialize（）；

左侧面板的snap元素工作正常，但当我想添加routeProvider时，它不会显示partial/home.html中的内容（目前只是一个段落）。

为了让$routeProvider工作，您需要包括ngRoute模块（和angular route.js）。这是不久前分开的：

不要忘记注入模块

谢谢你的回答（菲利普·布莱和你）。我遵循的教程似乎不是最新的，因为他们是按照我的方式来做的。不过，照你说的做了之后，我还是有同样的问题。我试图在HTML代码中修改“#/home”中的“#home”，但都是一样的：（你试过了吗？我最终实现了使用ngRoute。我没有使用两个不同的角度模块，而是使用了这样一个“var ap=angular.module（'app'，['ngRoute'，'snap'）；”再次感谢你的帮助。哦..是的，没有注意到你定义了“app”模块两次。您可以使用app.module（“modulename”、[“dependency1”、…]）声明模块和app.module（“modulename”）.controller…，如果您想检索它（而不是覆盖它）

var route = angular.module('app', ['ngRoute']);